rewindui
css-modules-to-tailwind
![SurveyJS Logo](https://cdn-b.libhunt.com/images/promo-campaign-images/000/000/030/main.png?1674177924)
rewindui | css-modules-to-tailwind | |
---|---|---|
35 | 1 | |
626 | 32 | |
1.8% | - | |
8.8 | 5.6 | |
2 months ago | 4 days ago | |
TypeScript | TypeScript | |
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.
rewindui
- Show HN: I have open-sourced my ReactJs UI kit
-
Toast component - Rewind-UI
Demo & Documentation: https://rewind-ui.dev/components/toast GitHub repository: https://github.com/rewindui/rewindui The component's styling is highly customizable.
I have just published a Toast component on Rewind-UI component library. GitHub repository: https://github.com/rewindui/rewindui Documentation: https://rewind-ui.dev/components/toast The component's styling is highly customizable. Please take a look and let me know what you think about it.
-
Where to find UI Kits?
Check out Rewind-UI: https://rewind-ui.dev/
-
Next.js Weekly #14: Faster Dev Server, Platform Starter Kit v2, Misconceptions about Client Components [๐ all news in comments]
rewind-ui
-
Next CSS module vs Tailwind
For example here is the Button component: https://github.com/rewindui/rewindui/blob/main/packages/core/src/components/Button/Button.tsx
-
GEM UI Framework!
Let me share my own open source UI library that I recently published: https://github.com/rewindui/rewindui
-
Creating good looking UIs as someone who hates CSS
If you are using React on your frontend check Rewind-UI: https://rewind-ui.dev/
-
Best UI Kit for NextJS
If you plan to use tailwindcss check out Rewind-UI as well: https://rewind-ui.dev/
-
Styled Components vs Tailwind vs Plain Ol' CSS
I am using TailwindCSS in combination with CVA library. This way you can easily create stateful clean styles. I have recently open-sourced my UI library so you can take a look at it here to get some ideas: https://github.com/rewindui/rewindui
css-modules-to-tailwind
What are some alternatives?
tailwind-merge - Merge Tailwind CSS classes without style conflicts
Tailwind-Styled-Component - Create Tailwind CSS React components like styled components with class names on multiple lines and conditional class rendering
shadcn/ui - Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
Next-JS-Landing-Page-Starter-Template - ๐ Free NextJS Landing Page Template written in Tailwind CSS 3 and TypeScript โก๏ธ Made with developer experience first: Next.js 14 + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS
panda - ๐ผ Universal, Type-Safe, CSS-in-JS Framework for Product Teams โก๏ธ
react-daisyui - daisyUI components built with React ๐ผ
ontime - Free, open-source time keeping for live events
material-tailwind - @material-tailwind is an easy-to-use components library for Tailwind CSS and Material Design.
chadnext - ChadNext - Quick Starter Template for your Next project includes Next.js 14 App router, Shadcn UI, LuciaAuth, Prisma, Server Actions, Stripe, Internationalization and more.
Next-js-Boilerplate - ๐๐๐ Boilerplate and Starter for Next.js 14+ with App Router and Page Router support, Tailwind CSS 3.4 and TypeScript โก๏ธ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Husky + Lint-Staged + Jest + Testing Library + Cypress + Storybook + Commitlint + VSCode + Netlify + PostCSS + Tailwind CSS
react-headless-passcode - A headless library for Passcode component
twin.macro - ๐ฆนโโ๏ธ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, solid-styled-components, stitches and goober) at build time.
![SurveyJS Logo](https://cdn-b.libhunt.com/images/promo-campaign-images/000/000/030/main.png?1674177924)