awesome-web-components
awesome-tailwindcss
Our great sponsors
awesome-web-components | awesome-tailwindcss | |
---|---|---|
2 | 15 | |
2,655 | 12,705 | |
- | 2.2% | |
4.6 | 7.2 | |
16 days ago | 12 days ago | |
Creative Commons Zero v1.0 Universal | Creative Commons Zero v1.0 Universal |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
awesome-web-components
-
Use web components for what they’re good at
GitHub is one:
https://github.com/github/details-dialog-element
There should be others here:
https://github.com/web-padawan/awesome-web-components#compon...
-
25+ awesome-repo for Frontend Developers
webcomponents-the-right-way - Web Components a suite of different technologies allowing you to create reusable custom elements — with their functionality encapsulated away from the rest of your code — and utilize them in your web apps.
awesome-tailwindcss
-
Use IceStack to build your CSS UI
We can select our favorite button component from the component library list of the project awesome-tailwindcss. Its html is as follows
-
Tailwind component libraries
Also check out this repo for a bunch more resources: https://github.com/aniftyco/awesome-tailwindcss
-
Is it possible to create custom variants that function similar to darkMode?
Documentation lacks a bit for creating plugins and variants. So you can check out source code for variants found in Awesome Tailwind list.
-
Why aren't there many/enough tailwind templates?
yeah, makes sense. I think after few days of dabbling with it I figured it out. it's a little bit confusing, different from, say, bootstrap... I landed on ui marketing components and didnt' understand the difference/distinction. it's important to realize there are different places with diffferent puposes: https://tailwindcss.com/ https://tailwindcomponents.com/ https://tailwindui.com/ https://github.com/aniftyco/awesome-tailwindcss
-
I don't see the appeal of Tailwind
-hard to find examples (e.g. navbars), especially so using Django templates. I've found https://github.com/aniftyco/awesome-tailwindcss which could be good.
-
Increase tailwind development efficiency
Awesome Tailwind
- Hotwire, ViewComponents and TailwindCSS: The Ultimate Rails Stack
- 😎 Awesome things related to Tailwind CSS
-
Important question about tailwind
Some librarires & themes already exist (https://github.com/aniftyco/awesome-tailwindcss#ui-libraries-components--templates)
-
[FREE] Tailwind css components
add(library): Tailwind UI Kit by aqkhan · Pull Request #337 · aniftyco/awesome-tailwindcss (github.com)
What are some alternatives?
awesome-react-native - Awesome React Native components, news, tools, and learning material!
flowbite - Open-source UI component library and front-end development framework based on Tailwind CSS
awesome - A curated list of awesome things related to Nuxt.js
tailwind-figma - FlowBite is a free and open-source set of UI components and pages in Figma built for Tailwind CSS
awesome-angular-components - Catalog of Angular 2+ Components & Libraries
awesome-ant-design - A curated list of Ant Design resources and related projects. The main idea is that everyone can contribute here, so we can have a central repository of informations about Ant Design that we keep up-to-date
awesome-sass - 🎨 Curated list of awesome Sass and SCSS frameworks, libraries, style guides, articles, and resources.
REPL - The Learning Hub for UoL's Online CS Students
awesome-postcss - A curate list about PostCSS
awesome-react-components - Curated List of React Components & Libraries.
details-dialog-element - A modal dialog that's opened with <details>.
awesome-react - A collection of awesome things regarding React ecosystem