Monthly revenue
+12.4%$84.2k
vs last month
Monthly revenue$48.2k+24%
Deploy succeeded
View data
| Item | Value |
|---|---|
| Charts | 82% |
| Sections | 64% |
| Forms | 47% |
Midnight Build
React Kit Β· Lo-fi
REACTΒ KITCOMPONENTS
v0.1.0Free open-source UI components for React. Zero dependencies. Copy, paste, ship.
$ npm install react-component-kit-uiExplore the Collection
Browse by category
Pick a category, copy the code, ship.
New Β· Complete templates
Not just components. Whole sites, ready to ship.
Templates assemble library components into complete, multi-page sites. Preview every page live, then import the whole thing with one line β or take only the pieces you need.
3 templates Β· E-commerce Store, E-commerce 2 Editorial, SaaS Hotel
- pages
- 4
- components
- 32
- Light & dark
Coming next: SaaS landing Β· Dashboard Β· Blog
Why React Components Kit
Build faster with free React components
Stop reinventing the wheel. Production-ready UI building blocks designed for peak performance, WCAG AA accessibility, and aesthetic perfection β out of the box.
- Ship in minutes
Lightning-fast development
Install from npm or copy-paste any component straight into your React app. No CSS framework to configure β ship client and landing pages in minutes, not weeks.
- Ship speed
- 10Γ
- Setup
- 0 min
- Ready
- React 19
- Zero bloat
Zero runtime dependencies
Only React as a peer dependency and plain CSS. No Tailwind, no CSS-in-JS runtime.
- Dependencies
- 0
- Tree-shakeable
- ESM
- WCAG 2.2 AA
Accessible by default
Keyboard navigation, visible focus rings, ARIA where it matters and 4.5:1 contrast.
- Contrast
- β₯4.5:1
- Targets
- 44px
- Curated styles
Next-gen aesthetics
Glass, neon, neumorphic and dark-gold themes with fluid micro-interactions.
- Styles
- 6+
- Motion
- 60fps
- CSS tokens
Total customization
Typed props, native HTML attributes and CSS custom properties β re-theme everything from one file.
- Tokenized
- 100%
- TypeScript
- Strict
- MIT Β· Free forever
A library that keeps growing
Being ported component by component from Astro Components Kit: the same design system, now for React. Maintained in the open.
- Components
- 290
- Sections
- 51
- License
- MIT
Component Library
Production-ready React components
From buttons and cards to modals and forms β every component is crafted with attention to detail, performance, and user experience.
Production Sections
Full-page layouts, ready to copy & paste
Beyond individual UI components β responsive landing sections: metrics dashboards, pricing, heroes, feature tabs, testimonials and integrations.
Advantages
Why developers choose React Components Kit
01
Works with every React stack
Vite, Next.js (App and Pages Router), Remix or plain React 18/19. Every module ships with "use client", SSR-safe ids and no global side effects, so components render on the server and hydrate cleanly.
02
Copy-paste or npm install
Install the package and import by category, or copy a single component into your project. Every component is a self-contained .tsx + .css pair with no internal imports.
03
Typed, native-first API
Every component exports its Props interface and forwards native HTML attributes: onClick, aria-*, className, style. Buttons render a real <button> or <a>, modals use the native <dialog>.
04
Design system ready
CSS custom properties, consistent spacing scale, typography system, and color palette β everything is pre-configured. Customize once, apply everywhere.
05
Open source & MIT licensed
Free for personal and commercial use. Contribute components, report bugs, or fork the entire library. Built by developers, for developers.
Interaction lab
Donβt just look β play with them
Every tile is a live component. Move, hover and click: the micro-interactions ship with the code you copy.
Tilt me
3D perspective that follows your cursor with a soft glare.
REACT KIT 0.1.0
Too weak
REACTTYPESCRIPTZERO DEPSNEXT.JS READYOPEN SOURCEMIT LICENSEACCESSIBLEPERFORMANT
Get Started
Install in seconds
Add react-component-kit-ui to your project with a single command.
$ npm install react-component-kit-uiThen import any component and start building.
Ready to build something beautiful?
Open source and free forever. Install it or copy and paste into your React project.
Get Started