rewindui
react-headless-passcode
rewindui | react-headless-passcode | |
---|---|---|
35 | 1 | |
614 | 11 | |
0.8% | - | |
8.8 | 7.8 | |
about 1 month ago | 6 months 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
react-headless-passcode
-
Create a passcode component from scratch in React
If you would like to use this component, you can check out the library I made: react-headless-passcode. It's a headless library that allows you to pass the array value to the usePasscode hook, which takes care of all the complex scenarios mentioned above and other scenarios as well. With headless, you can focus more on building your passcode UI and styling it however you like. The entire control is given to the developer. The job of react-headless-passcode is to provide you with all the logic you need to get the passcode component up and running.
What are some alternatives?
shadcn/ui - Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
flowbite-react - Official React components built for Flowbite and Tailwind CSS
tailwind-merge - Merge Tailwind CSS classes without style conflicts
createform - The ReactJS form library
panda - 🐼 Universal, Type-Safe, CSS-in-JS Framework for Product Teams ⚡️
react-spaces - React components that allow you to divide a page or container into nestable anchored, scrollable and resizable spaces.
ontime - Free, open-source time keeping for live events
react-daisyui - daisyUI components built with React 🌼
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.
design-system-builder - Design System Builder
Dalaix - Easy installer for Dalai: LLaMA on your local machine
React95 - 🌈🕹 Windows 95 style UI component library for React