react-components

List of React components & libraries I use and recommend.
https://github.com/nicksp/react-components

Last synced: about 21 hours ago
JSON representation

UI Components
- Unstyled component libraries
  - headlessui
  - radix-ui - source UI component library for building high-quality, accessible design systems and web apps.
- Styled component libraries
  - shadcn/ui
  - daisyUI
  - HeroUI
- Tables
  - TanStack Table
- Class variance authority
  - Pigment CSS - runtime CSS-in-JS tool that extracts the colocated styles to their own CSS files at build time. Brings better end users' performance, and you get RSC and App Router compatibility without having to significantly change how you author component styles.
  - Panda CSS - safe, CSS-in-JS framework for product teams.
  - cva
- Carousel
  - nuka-carousel - first React carousel library with an easily customizable UI and behavior.
- Notification
  - Sonner
- Select
  - react-select
- Chart
  - Recharts - in composability.
  - tremor - paste.
- Date picker
  - react-date-picker
  - react-daterange-picker
- Icons
  - Heroicons - crafted SVG icons.
  - Lucide
- Autosize textarea
  - react-textarea-autosize
- Slider
  - rc-slider
- Tooltips / popovers / dropdowns
  - Floating UI
- Masked input
  - imaskjs - paste, etc.
- Syntax highlighting
  - Shiki - time, making it perfect fit for React Server Components. It adds 0kb to the JavaScript bundle and it can support dozens of languages at no additional cost.
  - rehype-pretty-code
Testing
- Syntax highlighting
  - Vitest
  - Playwright
Real-time
- Syntax highlighting
  - PartyKit - time experience to your projects. It uses WebSockets so that the changes are lightning-fast.
Miscellaneous
- Syntax highlighting
  - react-dropzone
  - vaul
  - cmdk
  - TanStack Query - state utilities and data fetching.
  - React Hook Form - to-use validation.
  - React Email
  - fastcomments-react
UI Animation
- Syntax highlighting
UI Utilities
- Syntax highlighting
Validation
- Syntax highlighting
  - Zod - first schema validation with static type inference.
Utilities
- Syntax highlighting
  - clsx
  - tempo
  - date-fns
Backend
- Syntax highlighting
  - Next.js - stack framework.
  - Hono
Authentication
- Syntax highlighting
  - Lucia - hosted authentication implementation.
  - Oslo
  - Arctic
Database
- Syntax highlighting
  - Drizzle
Dev Tools
- Syntax highlighting
  - Storybook
Author
- Syntax highlighting
  - Nick Plekhanov

Programming Languages

Categories

UI Components 24 Miscellaneous 7 UI Utilities 4 UI Animation 4 Authentication 3 Utilities 3 Testing 2 Backend 2 Database 1 Validation 1 Author 1 Dev Tools 1 Real-time 1

Sub Categories

Syntax highlighting 32 Styled component libraries 3 Class variance authority 3 Unstyled component libraries 2 Icons 2 Chart 2 Date picker 2 Masked input 1 Autosize textarea 1 Carousel 1 Notification 1 Tables 1 Select 1 Slider 1 Tooltips / popovers / dropdowns 1

Keywords

react 26 typescript 11 javascript 10 components 8 ui 6 vue 5 tailwindcss 4 reactjs 4 date 4 radix-ui 4 svelte 3 design-systems 3 component-library 3 css 3 animation 3 testing-tools 2 markdown 2 shiki 2 compiler 2 syntax-highlighting 2 nextjs 2 postcss 2 calendar 2 ui-design 2 design-system 2 nodejs 2 vite 2 testing 2 time 2 react-components 2 accessibility 2 hooks 2 test 2 ui-components 2 react-native 2 ui-kit 2 grid 2 router 2 springs 1 spring-physics 1 count 1 react-spring 1 animation-library 1 windowing 1 virtualization 1 tabular-data 1 performance 1 popover 1 dropdown 1 table 1