UI Vault

Showcase — Thirty pieces · uivault.css + uivault.js

Thirty pieces, one small library.

Each piece is library classes plus a few lines of glue code. All of them are interactive and copyable. Press Ctrl K to jump to any of them.

Read the docsuivault.cssuivault.js
Release 2.0

Interfaces with a point of view.

Two small files, no build step, no framework.

Aurora hero

bg-aurora · aurora-text · btn--border · magnetic
KV

Khris Vale

Audio dev · Plugin designer

0
Followers
0
Projects
0
Rating

Profile card

tilt · count-up · confetti

Keyboard shortcuts

    Shortcuts panel

    tabs onChange · kbd · list

    Welcome back

    Sign in to continue

    Glass login

    glass · floating labels · is-loading · toast
    Midnight
    Drive
    Midnight Drive
    Neon Arcade
    1:243:41

    Music player

    meter · range · grain
    Deploys
    0
    ▲ 12.4%
    Visitors
    0
    ▲ 8.1%
    Conversion
    0
    ▼ 0.4%
    0
    Goal

    Analytics KPIs

    count-up · ring · badges · sparklines
    You ⚔ Grim
    27
    Rogue · Lv 27
    XP 8,420 / 10,000

    Game HUD

    click abilities → conic cooldowns
    Vault
    MEMBER № 0042
    KHRIS VALESINCE 2026

    Member card

    tilt + glare · grain
    MA
    Mara
    online
    Did the new build land?
    Yep — check the glow on the buttons
    That shine sweep is so clean

    Chat

    bubbles · typing dots · auto reply
    Volume64
    Accent

    Settings (recolors the whole page)

    switch · range · uv-theme-*
    Notifications3 new
    • JD
      Jade starred ui-vault
      2m ago
    • OK
      Deploy succeeded on main
      14m ago
    • !
      Swap usage above 80%
      1h ago

    Notification center

    list · avatars · stagger
    Drop files or clickAnything — nothing leaves your browser

    File upload

    uv-drop · striped progress
    1. Account
    2. Workspace
    3. Invite
    4. Done

    Create your account

    Name, email and a password

    Onboarding stepper

    uv-steps · panel transitions
    Lisbon
    Partly cloudy · wind 12 km/h
    0
    MON 25°TUE 22°WED 18°THU 24°

    Weather widget

    glass · float · count-up

    Command palette

    Fuzzy search, arrow keys, Enter.

    ⌘K palette

    UV.cmdk(items)

    Instant

    Two files, ~25 KB. Loads before your coffee cools.

    Accessible

    Focus rings, ARIA tabs, keyboard nav, reduced-motion.

    Themeable

    Change two variables and the whole UI follows.

    Feature grid

    card--spot · stagger zoom
    System statusOperational
    API99.98%
    Dashboard99.91%

    Status page

    live badge · uptime bars
    ContributorRoleStatusCommits
    AL
    Ada Lovelace
    MaintainerActive1,204
    GH
    Grace Hopper
    ReviewerAway418
    LT
    Linus T.
    ContributorNew12
    MH
    Margaret H.
    ContributorInactive87

    Contributors table

    uv-table · badges · tooltips · copy

    Magnifying dock

    uv-dock · pure CSS :has()
    AR—01
    Aero RunnerSample
    ★★★★★ 212 reviews

    Product card

    chips · loading → success
    Is it really free?
    Yes — MIT licensed. Use it in anything, commercial included.
    Do I need React?
    No. It's plain CSS + vanilla JS and works with any framework or none.
    Will it lag on old laptops?
    Effects use transforms and opacity, pause offscreen and respect reduced-motion.
    Can I theme it?
    Set --uv-accent and --uv-accent-2. That's it.

    FAQ accordion

    details/summary, animated
    Launching in

    Launch countdown

    live timer · aurora
    404

    SIGNAL LOST IN THE VOID

    404 page

    outline-text · scramble

    “Our dashboard went from ‘fine’ to ‘wow’ in an afternoon.”

    SR
    Sam R. · Indie dev

    “The tabs alone are worth it. That indicator slide is butter.”

    LM
    Lena M. · Designer

    “Runs smooth on my old Celeron. Respect.”

    JK
    J.K. · Gamer

    “Copy, paste, ship. Exactly what a UI kit should be.”

    AN
    Ana N. · Startup CTO
    ◆ NOVA● ORBIT▲ PEAK■ BLOCK✦ SPARK◐ HALO⬡ HIVE

    Testimonial marquee

    uv-marquee · reverse · pause on hover
    • v2.0 — The API
      uivault.css + uivault.js, 40+ components
    • v1.2 — Post-FX Lab
      Bloom, CRT and grain in WebGL
    • v1.1 — Logo Forge
      SVG logo generator
    • v1.0 — Launch
      180+ curated open-source resources

    Changelog timeline

    uv-timeline · stagger left

    Verify it's you

    Enter any 6 digits (paste works too)

    OTP verification

    uv-otp · uv-complete event
    Depthmove your mouse

    Mouse parallax

    data-uv="parallax" · data-depth

    Feedback playground

    Every button here is one line: UV.toast(), UV.modal(), UV.confetti(), UV.sound().

    Toasts · modal · loaders · alerts

    imperative API

    Skeleton → content

    uv-skeleton · auto-loads

    Search + filter chips

    input-icon · glass · chips