react-headless-passcode
rewindui
react-headless-passcode | rewindui | |
---|---|---|
1 | 35 | |
14 | 711 | |
- | 1.7% | |
7.8 | 7.2 | |
about 1 year 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.
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.
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
What are some alternatives?
flowbite-react - Official React components built for Flowbite and Tailwind CSS
tailwind-merge - Merge Tailwind CSS classes without style conflicts
block-code - A fully customizable, one-time password input component for the web built with React
ontime - Free, open-source time keeping for live events
createform - The ReactJS form library
chadnext - ChadNext - Quick Starter Template for your Next project includes Next.js 15 App router, Shadcn UI, LuciaAuth, Prisma, Server Actions, Stripe, Internationalization and more.
design-system-builder - Design System Builder
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.
Dalaix - Easy installer for Dalai: LLaMA on your local machine
react-daisyui - daisyUI components built with React 🌼
Tailframes React components - Open-source React components styled with Tailwind CSS.