v0.7.0 — every primitive owned end-to-end

Built for production at scale.

101
Components
28
Motion effects
3
Frameworks
0
Runtime deps
every primitive owned
Component buffet

Pop the hood. Every primitive is interactive.

Hover, click, drag. Six representative components — all from @bwo-ui/react.

TooltipHover the buttons
PopoverClick to open
Dropdown menuOpen the menu
RateClick a star
4 / 5
DatePickerOpen the calendar
StepperStep through
Plan
2
Build
3
Ship
Switch · CheckboxToggle them
SliderDrag the thumb
Volume72%
ComboboxType to filter
ToastFire a toast
Fired 0 times
AlertIn-flow message
Plan upgraded
You now have unlimited builds.
ButtonGroupSegmented

    Not just animations.
    Real UI primitives, all themed.

    Every component ships with ARIA, keyboard navigation, focus management, and the same boogie tokens — written from scratch, no headless library underneath.

    14-day trial
    No credit card required.
    CC
    Cristian C.
    boogie.ro
    Pro
    Uploading…33%

    What you get.

    GSAP-powered motion

    Scroll reveals, magnetic buttons, marquees, FLIP layouts, parallax, scramble text, custom cursors.

    SplitTextScrollTriggerFlip

    Owned end-to-end

    Every primitive — Dialog, Popover, Tooltip, Select, Tabs, Accordion, Toast, Calendar, Combobox — written from scratch. No headless UI library underneath.

    Zero depsFrom scratcha11y

    CSS variables for theming

    Override --bwo-accent, --bwo-radius-md, --bwo-font-sans, dozens more. Dark mode built in.

    --bwo-*Dark mode

    Boogie design system

    Cloned token-for-token from boogie-next: the same radial gradient, Inter font, pill buttons, dashed accordion dividers.

    TokensInterPill UI

    ESM-first, tree-shakable

    Ship only what you import. GSAP is a peer dep — pay nothing for effects you don’t use.

    ESMPeer depTree-shake

    MIT, public, on npm

    Free for commercial use. Open source. Already shipping on npm under @bwo-ui.

    MITnpmOpen
    One stylesheet

    Theme everything with --bwo-*

    :root {
  --bwo-accent: #7463ff;
  --bwo-radius-pill: 6px;
  --bwo-radius-md: 16px;
  --bwo-font-sans: 'Geist', sans-serif;
}
    Live preview

    Themed card

    Tokens propagate automatically.

    Motion

    Effects that bite.

    SplitReveal

    Each character lifts in.

    TextGlitch

    HOVER TO GLITCH

    CountUp
    €1240
    Saved per year
    FAQ

    Things people ask.

    Three frameworks, one design

    Ship the boogie.

    101 primitives. Three frameworks. Zero runtime dependencies (GSAP is peer).