Accessible, high-performance UI primitives crafted with pure HTML5, CSS Houdini, and Tailwind CSS v4. No heavy JS frameworks required.
npx plain-ui add button dialog popoverExplore our growing catalog of light-DOM, zero-bundler components with instant live sandboxes and CodeMirror live editing.
Interactive button primitives with rich visual variants, loading spinners, icons, and keyboard accessibility.
Native HTML <dialog> modal with backdrop blur, @starting-style entry animations, and accessible focus trapping.
Native HTML Popover API (popover='auto') with zero JavaScript, CSS anchor positioning, and automatic light dismiss.
Modern animated floating label form controls utilizing HTML5 placeholder-shown pseudo-class and Tailwind peer selectors.
Dynamic glowing animated border beam gradient traveling continuously around cards and containers using pure CSS animations.
High-performance glowing shimmer button with animated radial light sweep across the surface.
macOS-inspired interactive dock with smooth pointer proximity magnification physics, hover tooltips, and app status dots.
Modern modular 12-column asymmetric bento box layout with spotlight card glow, metric widgets, and responsive auto-fitting.
Pure HTML <details> and <summary> accordion with smooth height expansion animation and animated rotating chevrons.
Accessible, keyboard-navigable tab system with animated indicator slider and light-DOM panels.