Themeable
7 built-in themes, one function to switch
v0.1.0 — Now Available
Build beautiful UIs
instantly
30+ components, 7 themes, zero config. Works with React and plain HTML.
// paste in your app
<script src="https://cdn.jsdelivr.net/npm/@colorsnap/ui/dist/colorsnap.umd.js"></script>
Why ColorSnap UI
Everything you need to ship polished interfaces fast.
CDN Ready
Drop in a script tag, no build step
Composable
30+ components across 6 categories
Lightweight
Zero heavy dependencies
Accessible
Semantic HTML and ARIA patterns built in
npm Ready
Install via npm or use the CDN bundle
Two ways to use ColorSnap
Pick the workflow that fits your project.
React + npm
npm install @colorsnap/ui
import { Button } from '@colorsnap/ui';
export default function App() {
return <Button>Click me</Button>;
}CDN + plain HTML
<script src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
<script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@colorsnap/ui/dist/colorsnap.umd.js"></script>
const { Button } = window.ColorSnap;
ReactDOM.createRoot(document.getElementById('root'))
.render(React.createElement(Button, null, 'Click me'));7 Built-in Themes
Switch themes instantly — no page reload required.
Ready to build?
Start with the docs or browse the full component library.