🎨Design System
Build beautiful interfaces with Ramp
A comprehensive design system with 50+ React components, design tokens, and patterns. Built with Radix UI primitives and styled with Tailwind CSS.
Everything you need
Components, tokens, and documentation to build consistent interfaces.
Quick Start
Get up and running in minutes.
# Install the package
npm install @ramp-ds/ui
# Import and use components
import { Button, Card, Input } from "@ramp-ds/ui"
import "@ramp-ds/ui/styles.css"
export default function App() {
return (
<Card>
<Input placeholder="Enter your email" />
<Button>Subscribe</Button>
</Card>
)
}