rewindui
tailwind-merge
rewindui | tailwind-merge | |
---|---|---|
35 | 12 | |
614 | 4,074 | |
0.8% | - | |
8.8 | 9.0 | |
about 1 month ago | 7 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
tailwind-merge
-
Tailwind CSS for frontend teams: From settings to rules
So the library I use is tailwind-merge, which is a class that eliminates conflicts between classes when using Tailwind. So I created the following utility function.
-
Styling React 2023 edition
clsx is a tiny utility for constructing className strings conditionally, I use it in conjunction with tailwind-merge which merges Tailwind CSS classes without style conflicts.
- Tailwind vs. Semantic CSS
-
How to merge Tailwind class in Elixir Phoenix
I searched for a solution, and I found tailwind-merge which is written in JavaScript. Basically it finds conflicted classes and resolve the conflict. For example:
-
TailwindCSS & Template Literals
I would suggest you to use CVA and tailwind-merge.
-
Merge Tailwind CSS classes without style conflicts
Hey everyone! I built an open source library called tailwind-merge which helps with resolving style conflicts in CSS class strings. → https://github.com/dcastil/tailwind-merge
-
Why can I not override class?
I used tailwind-merge and cva to build my UI component library Rewind-UI.
-
Is tailwind used in real world when working at companies?What do you use to style your website
I use Tailwind + Next.js on most of my projects. Usually I add the following to the mix: - RadixUI+ tailwindcss-radix or HeadlessUI although I like Radix more - classnames - https://tailwindcss.com/blog/automatic-class-sorting-with-prettier - tailwind-merge - CSS Modules
-
How can I override Vue's behavior for merging classes?
I'm using Tailwind CSS and I'd like to integrate a library called tailwind-merge into my Vue app. I'd like the plugin to replace Vue's class appending behavior so that all components in my app have their Tailwind utility classes merged to prevent style conflicts. It may not be everyone's preferred solution to such a problem, but I think it's a very valid use cases for this sort of thing.
What are some alternatives?
shadcn/ui - Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
tailwindcss-classnames - Functional typed classnames for TailwindCSS
panda - 🐼 Universal, Type-Safe, CSS-in-JS Framework for Product Teams ⚡️
classnames - A simple javascript utility for conditionally joining classNames together
ontime - Free, open-source time keeping for live events
Tailwind CSS - A utility-first CSS framework for rapid UI development.
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.
clsx - A tiny (239B) utility for constructing `className` strings conditionally.
react-headless-passcode - A headless library for Passcode component
tailwindcss-intellisense - Intelligent Tailwind CSS tooling for Visual Studio Code
Dalaix - Easy installer for Dalai: LLaMA on your local machine
headwind - An opinionated Tailwind CSS class sorter built for Visual Studio Code