|4 days ago||1 day ago|
|MIT License||MIT License|
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.
Class Naming Recommendations
1 project | reddit.com/r/css | 22 Jan 2022
Inspect Tailwind's page (https://tailwindcss.com/) and see how they name everything. If you went the utility class route, that puts a lot less pressure on coming up with some unique name for each module/section.
Looking for guidance and maybe encouragement?
1 project | reddit.com/r/learnprogramming | 22 Jan 2022
I suck at frontend and design. Have you looked at the modern CSS frameworks like https://tailwindcss.com/? It can give you pretty results without thinking a lot on the design (which is essential but difficult for some people).
How to build a toast (notification) component with Tailwind CSS and Flowbite
1 project | dev.to | 21 Jan 2022
Make sure that you have Node.js and Tailwind CSS installed.
People who work from home - what is it you do?
3 projects | reddit.com/r/AskUK | 21 Jan 2022
If you don’t know any JS frameworks, you could use a CSS framework e.g Tailwind CSS that achieves the same goal as component libraries, just in a different way.
Vite 2.x + Vue 3.x + quasar 2.x + windcss 3.x starter ⚡
13 projects | reddit.com/r/u_Special_Paint_9099 | 19 Jan 2022
why not use Windi CSS or Tailwind css?
Introducing Almost Netflix: Netflix clone built with Vue and Appwrite
5 projects | dev.to | 19 Jan 2022
Last but not least, we will use Tailwind CSS to style the components. Tailwind CSS makes it a bit harder to read HTML code but allows speedy prototyping, allowing us to recreate the Netflix UI in a blink of an eye.
Using the new and better CSS!
1 project | dev.to | 16 Jan 2022
Recently I came across a CSS framework called Tailwind CSS.
1 project | reddit.com/r/django | 15 Jan 2022
The only addition that I have to this answer is that Tailwind CSS simplifies the design of a site.
Generate JHipster + Svelte/Kit web applications
8 projects | dev.to | 14 Jan 2022
Tailwindcss - CSS utility framework
I made an Anime and Manga search application using the Anilist API (more info in comments)
2 projects | reddit.com/r/anime | 14 Jan 2022
Ani-Ko is a simple web application built with Vue and Tailwind that uses the Anilist API to fetch anime and manga information from the source.
[MongoDB Submission Post Placeholder Title]
3 projects | dev.to | 13 Jan 2022
Theme-UI, it made setting up the layout super straightforward 💯
Having a tight argument with our team regarding a RN UI components being on the NPM...
1 project | reddit.com/r/reactnative | 23 Nov 2021
So you mean this > https://github.com/system-ui/theme-ui ?
My problem with styled-components
2 projects | reddit.com/r/reactjs | 9 Nov 2021
I built my first DApp!
6 projects | dev.to | 19 Oct 2021
The project was building out a dapp that allows you to send messages and store them on the block chain. Under the hood, it was Solidity for the Smart contract, TypeScript, NEXT.js, Theme UI, and good old semantic markup in the frontend. Shoutout to the
Create a themed favicon for color modes
4 projects | dev.to | 29 Sep 2021
While this technique works for system preferences, it can also be used with different color themes if you use something like Theme UI or Chakra UI.
Rebuilding Our Jekyll Website with Next.js and Theme UI
5 projects | dev.to | 5 Apr 2021
The core of Theme UI is its Theme file. It’s a document that defines all of a design system’s components and variants:
Migrating React 17 & Emotion 11: "pragma and pragmaFrag cannot be set when runtime is automatic."
1 project | dev.to | 15 Mar 2021
Syntax error: pragma and pragmaFrag cannot be set when runtime is automatic. #1160
UI components for a React project
3 projects | reddit.com/r/reactjs | 7 Mar 2021
I've had great success with Theme-UI, which uses a CSS-in-JS approach and makes it easy to have a themeable design language for all of your components. It comes with a library of easy-to-use UI components such as Box, Flex, Grid, Button, Text, Heading, Card and many more. It's surprisingly easy to get started with.
Don't use Tailwind for your Design System
5 projects | dev.to | 6 Mar 2021
Tailwind JSX and class composition
5 projects | dev.to | 3 Mar 2021
What are some alternatives?
material-ui - MUI (formerly Material-UI) is the React UI library you always wanted. Follow your own design system, or start with Material Design.
windicss - Next generation utility-first CSS framework.
antd - An enterprise-class UI design language and React UI library
emotion - 👩🎤 CSS-in-JS library designed for high performance style composition
Bulma - Modern CSS framework based on Flexbox
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
Foundation - The most advanced responsive front-end framework in the world. Quickly create prototypes and production code for sites that work on any kind of device.
vuetify - 🐉 Material Component Framework for Vue
styled-system - ⬢ Style props for rapid UI development
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.