rhetenor/awesome-awesomeness
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update and add index

Browse Source
This commit is contained in:
Jonas Zeunert
2024-04-23 15:17:38 +02:00
parent 4d0cd768f7
commit 8d4db5d359
726 changed files with 41721 additions and 53949 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
terminal/tailwindcss
View File

@@ -90,8 +90,7 @@
- 🧬 FormKit (https://github.com/formkit/formkit/tree/master/packages/tailwindcss) - Adds variants for input and form states for FormKit.
- 🧬 Htmx (https://github.com/aniftyco/tailwind-htmx) - Adds variants for styling on htmx (https://htmx.org/reference/#classes) events.
- 🧩 Debug screens (https://github.com/jorenvanhee/tailwindcss-debug-screens) - Adds a component that shows the currently active screen (responsive breakpoint).
- 💼 Dot & Grid Backgrounds (https://github.com/TheNaubit/tailwind-dot-grid-backgrounds) - Adds bg-grid and bg-dot classes to add easy-to-customize grid and dot pattern backgrounds with just 
CSS.
- 💼 Dot & Grid Backgrounds (https://github.com/TheNaubit/tailwind-dot-grid-backgrounds) - Adds bg-grid and bg-dot classes to add easy-to-customize grid and dot pattern backgrounds with just CSS.
@@ -106,8 +105,7 @@
Tools
Legend: 🌍 Accessible online · 🔼 Conversion or upgrade tool · 🔧 Generator · 🅰 Typing/enforcement · 💼 Plugins/Tools/Extensions for external services · 🎨 Color-related · 🚀 Framework · 💰 
Paid plans
Legend: 🌍 Accessible online · 🔼 Conversion or upgrade tool · 🔧 Generator · 🅰 Typing/enforcement · 💼 Plugins/Tools/Extensions for external services · 🎨 Color-related · 🚀 Framework · 💰 Paid plans
- 💙💼 Prettier plugin (https://github.com/tailwindlabs/prettier-plugin-tailwindcss) - Official Tailwind CSS plugin for Prettier.
- 🎨🌍🔧 Ui Colors (https://uicolors.app/create) - Color palette generator for Tailwind CSS.
@@ -130,6 +128,7 @@
- 🔼🌍🔧 Tailwindhelper (https://www.tailwindhelper.com/) - Visualize Tailwind CSS classes and unit converter.
- 🔼🌍 Prefixer (https://github.vue.tailwind-prefix.cbass.dev) - Tailwind classes' prefixer tool.
- 🔼🌍 CSS to Tailwind CSS Converter (https://transform.tools/css-to-tailwind) - Converts CSS to Tailwind CSS by suggesting classes that best match.
- 🔼🌍 ska-tailwind-editor (https://sinukoduleheabi.ee/editor/) - Edit Tailwind HTML as WordPress blocks with intuitive UI for Tailwind classes and get HTML or JSX back.
- 🔼 Tailwindo (https://github.com/awssat/tailwindo) - Bootstrap to Tailwind CSS converter.
- 🔼 RustyWind (https://github.com/avencera/rustywind) - CLI tool for sorting Tailwind CSS classes.
- 🚀 Maizzle (https://maizzle.com/) - Framework for rapid email prototyping with Tailwind CSS.
@@ -140,10 +139,8 @@
- 💼 preact-cli-tailwind (https://github.com/agneym/preact-cli-tailwind) - Tailwind CSS integration for Preact.
- 💼 tailwindcss-rails (https://github.com/rails/tailwindcss-rails) - Gem for using Tailwind CSS with Rails' asset pipeline.
- 💼🔧 twin.macro (https://github.com/ben-rogerson/twin.macro) - Use Tailwind classes within any CSS-in-JS library.
- 💼🔧 tailwindcss-webpack-plugin (https://github.com/await-ovo/tailwindcss-webpack-plugin) - Out-of-the-box Tailwind CSS, supports "Design in DevTools" mode and visualizes Tailwind CSS 
configuration.
- 💼🔧 tailwindcss-vite-plugin (https://github.com/await-ovo/tailwindcss-webpack-plugin/tree/main/packages/vite-plugin) - Vite plugin for Tailwind CSS, supports "Design in DevTools" mode and 
visualizes Tailwind CSS configuration.
- 💼🔧 tailwindcss-webpack-plugin (https://github.com/await-ovo/tailwindcss-webpack-plugin) - Out-of-the-box Tailwind CSS, supports "Design in DevTools" mode and visualizes Tailwind CSS configuration.
- 💼🔧 tailwindcss-vite-plugin (https://github.com/await-ovo/tailwindcss-webpack-plugin/tree/main/packages/vite-plugin) - Vite plugin for Tailwind CSS, supports "Design in DevTools" mode and visualizes Tailwind CSS configuration.
- 💼🔧 Tailwind Config Viewer (https://github.com/rogden/tailwind-config-viewer) - Local UI tool for visualizing your Tailwind CSS configuration file.
- 💼 clb (https://github.com/crswll/clb) - clb (class list builder) is a utility function that builds a class list based on a Stitches (https://stitches.dev/) like API.
- 💼 react-with-class (https://github.com/antomics/react-with-class) - Utility function for creating primitive React components with a set of classes, props or variants.
@@ -317,8 +314,7 @@
- 🎬 Let's Build: Movie Production Landing Page (https://web-crunch.com/tailwind-css-movie-production-landing-page) - Building a movie production landing page with Tailwind CSS.
- 🎬 Lets Build: Responsive Navbar (https://web-crunch.com/lets-build-tailwind-css-responsive-navbar) - Building a responsive navbar with Tailwind CSS.
- 🎬 Let's Build: Dribbble Shot (https://web-crunch.com/lets-build-tailwind-css-dribbble-shot) - Dribbble shot with Tailwind CSS.
- 💙🎬 Tailwind CSS: From Zero to Production (https://www.youtube.com/playlist?list=PL5f_mz_zU5eXWYDXHUDOLBE0scnuJofO0) - Complete walkthrough of Tailwind CSS, from installation to 
optimization for deployment.
- 💙🎬 Tailwind CSS: From Zero to Production (https://www.youtube.com/playlist?list=PL5f_mz_zU5eXWYDXHUDOLBE0scnuJofO0) - Complete walkthrough of Tailwind CSS, from installation to optimization for deployment.
- 🎬 Let's Build: Tweet component (https://web-crunch.com/lets-build-tailwind-css-tweet) - Building a Tweet component with Tailwind CSS.
- 🎬 10 Tailwind CSS Tips and Tricks (https://www.youtube.com/watch?v=aSlK3GhRuXA) - 10 Tailwind CSS tricks you should know.
- 🎬 Responsive Framer Motion with Tailwind CSS (https://www.youtube.com/watch?v=xSuxsfn13xg) - Learn how CSS variables can bridge the gap between Framer Motion and Tailwind CSS.
@@ -326,8 +322,7 @@
- 🎓 Building real-world UIs using Tailwind CSS (https://github.com/asvny/building-realworld-user-interfaces-using-tailwind) - Building UIs of Shopify, Spotify, Netlify and Atlassian.
- 🎓 Login Page (PingPing) (https://stefanbauer.me/building-pingping/we-build-a-login-using-tailwindcss) - Creating a login page with Tailwind CSS.
- 🎓 Login Page (https://mustafaaloko.github.io/2017/tailwind-css-building-a-login-page) - Creating a login page with Tailwind CSS.
- 🎓 Vue.js Component with Tailwind and Laravel (https://nick-basile.com/blog/post/how-to-build-a-vuejs-component-with-tailwind-in-a-laravel-project) - Building a Vue.js component in a 
Laravel project.
- 🎓 Vue.js Component with Tailwind and Laravel (https://nick-basile.com/blog/post/how-to-build-a-vuejs-component-with-tailwind-in-a-laravel-project) - Building a Vue.js component in a Laravel project.
- 🎓 Vue.js Modal (https://nick-basile.com/blog/post/build-a-customizable-vuejs-modal-with-tailwind-css) - Building a customizable modal with Tailwind CSS and Vue.js.
- 🎓 Navigation (https://nick-basile.com/blog/post/building-a-nav-with-tailwind-css) - Building a navigation with Tailwind CSS.
- 🎓 Forms with Tailwind CSS (https://css-tricks.com/style-form-tailwind-css) - How to style a form with Tailwind CSS.