react-components

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

Last synced: 14 days 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
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
- 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 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 Real-time 1

Sub Categories

Syntax highlighting 31 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 25 typescript 11 javascript 9 components 8 ui 6 vue 5 radix-ui 4 date 4 reactjs 4 tailwindcss 4 component-library 3 animation 3 css 3 svelte 3 design-systems 3 testing-tools 2 syntax-highlighting 2 shiki 2 markdown 2 react-native 2 react-components 2 nextjs 2 design-system 2 compiler 2 grid 2 hooks 2 ui-kit 2 postcss 2 ui-design 2 router 2 nodejs 2 vite 2 time 2 testing 2 calendar 2 accessibility 2 ui-components 2 test 2 virtualization 1 tabular-data 1 windowing 1 animation-library 1 performance 1 listview 1 list 1 pagination 1 solid 1 datagrid 1 shadcn 1 base-ui 1