react-components

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

Last synced: about 13 hours ago
JSON representation

Miscellaneous
- Syntax highlighting
  - React Hook Form - to-use validation.
  - React Email
  - TanStack Query - state utilities and data fetching.
  - fastcomments-react
  - vaul
  - cmdk
  - react-dropzone
Dev Tools
- Syntax highlighting
  - Storybook
UI Components
- Icons
  - Heroicons - crafted SVG icons.
  - Lucide
- Masked input
  - imaskjs - paste, etc.
- Chart
  - Recharts - in composability.
  - tremor - paste.
- Select
  - react-select
- Unstyled component libraries
  - radix-ui - source UI component library for building high-quality, accessible design systems and web apps.
  - headlessui
- Class variance authority
  - Panda CSS - safe, CSS-in-JS framework for product teams.
  - cva
  - 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.
- Styled component libraries
  - shadcn/ui
  - daisyUI
  - HeroUI
- Tables
  - TanStack Table
- Tooltips / popovers / dropdowns
  - Floating UI
- 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
- Date picker
  - react-date-picker
  - react-daterange-picker
- Slider
  - rc-slider
- Notification
  - Sonner
- Carousel
  - nuka-carousel - first React carousel library with an easily customizable UI and behavior.
- Autosize textarea
  - react-textarea-autosize
Backend
- Syntax highlighting
  - Next.js - stack framework.
  - Hono
Testing
- Syntax highlighting
  - Playwright
  - Vitest
Utilities
- Syntax highlighting
  - date-fns
  - clsx
  - tempo
UI Utilities
- Syntax highlighting
UI Animation
- Syntax highlighting
Validation
- Syntax highlighting
  - Zod - first schema validation with static type inference.
Database
- Syntax highlighting
  - Drizzle
Authentication
- Syntax highlighting
  - Lucia - hosted authentication implementation.
  - Oslo
  - Arctic
Author
- Syntax highlighting
  - Nick Plekhanov
Real-time
- Syntax highlighting
  - PartyKit - time experience to your projects. It uses WebSockets so that the changes are lightning-fast.

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