A modern, lightweight React component library with live code editing documentation
Interactive component documentation with live JSX code editing. Edit code in real-time and see instant results!
Open StorybookGet started in seconds with our lightweight, tree-shakeable component library built with modern React patterns.
View InstallationBuilt with TypeScript from the ground up. Full type safety, IntelliSense, and excellent developer experience.
View on GitHubOptimized bundle size with tree-shaking support
Built by developers, for developers with great DX
Comprehensive test suite with high coverage
Interactive documentation with live code editing
Latest React patterns and modern tooling
Flexible components that fit your design system
import React, { useState } from 'react'
import { Center } from '@dhua5922/react-kit'
function App() {
const [value, setValue] = useState(new Date())
return (
<Center>
centered
</Center>
)
}