react-components

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

Last synced: about 15 hours ago
JSON representation

UI Components
- Unstyled component libraries
  - radix-ui - source UI component library for building high-quality, accessible design systems and web apps.
  - headlessui
- Styled component libraries
  - shadcn/ui
  - daisyUI
  - HeroUI
- Class variance authority
  - 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.
- Tables
  - TanStack Table
- 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
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
Testing
- Syntax highlighting
  - Vitest
  - Playwright
Miscellaneous
- Syntax highlighting
  - vaul
  - cmdk
  - TanStack Query - state utilities and data fetching.
  - React Hook Form - to-use validation.
  - React Email
  - fastcomments-react
Author
- Syntax highlighting
  - Nick Plekhanov

Programming Languages

Categories

UI Components 23 Miscellaneous 6 UI Utilities 4 UI Animation 4 Authentication 3 Utilities 3 Testing 2 Backend 2 Database 1 Validation 1 Author 1 Dev Tools 1

Sub Categories

Syntax highlighting 30 Styled component libraries 3 Unstyled component libraries 2 Icons 2 Chart 2 Class variance authority 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 radix-ui 4 date 4 tailwindcss 4 reactjs 4 css 3 component-library 3 design-systems 3 svelte 3 animation 3 markdown 2 compiler 2 vite 2 test 2 testing-tools 2 shiki 2 syntax-highlighting 2 testing 2 react-native 2 hooks 2 grid 2 time 2 calendar 2 nodejs 2 react-components 2 ui-design 2 nextjs 2 postcss 2 design-system 2 router 2 ui-kit 2 ui-components 2 accessibility 2 spring-physics 1 popovers 1 position 1 positioning 1 positioning-engine 1 tooltip 1 tooltip-position 1 inputmask 1 react-spring 1 popover 1 dropdown 1 springs 1