Sakana ElementPixel Art Vue 3 Component Library

CSS Houdini pixel borders · 486 built-in icons · Catppuccin dark mode — retro aesthetics, modern DX

🎨

CSS Houdini Pixel Rendering

Authentic pixel borders and shadows rendered natively via CSS Paint API worklets — no images, no SVG hacks, pure programmatic pixels at any resolution

🧩

25 Pixel-Art Components

Buttons, forms, tables, notifications, and more — each with staircase corners, beveled depth, and chunked progress bars faithful to 8-bit/16-bit game UI

⭐

486 Pixel Icons Built In

Every icon from pixelarticons included out of the box with flip, rotation, spin, fade, beat, and bounce animations

🌙

Catppuccin Dark Mode

One-class toggle between light and dark themes using the Catppuccin color palette, with system preference auto-detection via useSystemTheme

📦

TypeScript & Tree-Shakable

Full type definitions with IntelliSense, ES module build with per-component chunks — import only what you use

🌐

5 Locales, 190+ Live Demos

Ships with EN, ZH-CN, ZH-TW, JA, KO locale packs. Documentation site features 190+ interactive examples in both English and Chinese