v0.1.0-alpha.1 is liveOpen source · MIT
Build your interface.Own every line.
QuackElements gives your team accessible React components as source code—ready to ship, simple to shape, and consistent by default.
React 19Tailwind CSS 4Base UITypeScript
quack-ui — zsh
80 × 24Last login: today on ttys001
sezer@quackbytes:~/quack-ui$npm install quackelements@alpha
added 34 packages in 2.1s
sezer@quackbytes:~/quack-ui$npx quackelements init
created quackelements.json
sezer@quackbytes:~/quack-ui$npx quackelements add button
installed src/components/quack/button.tsx
✓QuackElements is ready. You own every line.
sezer@quackbytes:~/quack-ui$
session readymain · node 22
61
components
1
install command
100%
editable source
MIT
open-source license
Why QuackElements
A component system that stays out of your way.
Keep the speed of a component library without outsourcing the most important layer of your product.
01
Source, not a black box
Every component lands in your repository as readable TypeScript. Change the API, styling, or behavior whenever your product needs it.
02
One system for the team
Shared tokens, predictable composition, and a single component vocabulary keep product teams moving in the same direction.
03
Install only what you use
Add a single primitive or bring in the full catalog. Dependencies are resolved and local edits are protected by default.
The catalog
From primitives to product patterns.
Start with buttons and inputs. Scale into navigation, data display, messaging, and AI-ready product surfaces.
Browse all componentsButton
qe-01
Dialog
qe-02
Combobox
qe-03
Calendar
qe-04
Sidebar
qe-05
Toast
qe-06
Table
qe-07
Chart
qe-08
Start in under a minute
Your next interface starts with one command.
$npm install quackelements@alpha