Custom component rounding
Tune shape, radius, density, and surface treatment so installed components match your product instead of a generic library preset.
Components
Build a component system that looks like yours on install.
Example button styles
Accent systems
Swap accents, contrast behavior, and neutral scales without manually touching every button, input, and panel.
Matched motion
Ship coordinated hover states, reveals, and transitions that feel designed with the component set rather than bolted on later.
Animation Lab
Tweak motion in a live lab, then ship the exact setup as code.
Preview button timing, radius, and stacked effects in the editor, then export the result as clean config instead of rebuilding it by hand.
Sandbox
Animations
ButtonsInputsDropdowns
Button motion
LiveEntry
Zoom In + Fade Up
Hover
Lift + Glow
Click
Snap
Generated config
const buttonMotion = {
entry: ['zoom-in', 'fade-up'],
hover: ['lift', 'glow'],
click: ['snap'],
duration: 650,
radius: 22,
}
CLI
Configure once. Add everything with one command.
CubeX packages the shape system, accents, and motion rules together so your install output already feels coherent.
npx @cubex-dev/ui my-project install
1
Choose a component shape language.
2
Set accent and motion preferences.
3
Install the full setup with one CLI command.
Plans
Start free, scale when you need more projects.
Free
$0
1 project
1 saved project
Core component customization
Basic CLI install access
Pro
$12.99/mo
5 projects
5 saved projects
Advanced accent and radius controls
Matched animation presets
Enterprise
$39.99/mo
10 projects
10 saved projects
Full design system configuration
Premium motion and team-ready installs