Blocky UI

Live Interactive Demo

A lightweight, 3D blocky-themed UI component library

0
Dependencies
6
Components
~30KB
Bundle Size
100%
TypeScript

âš ī¸ Demo Loading Issue

The Blocky UI library couldn't be loaded from CDN. This might be due to:

Try refreshing the page or check the GitHub repository for local setup instructions.

🎮 Blocky Buttons

Click the buttons above to see them in action!

📋 Blocky Cards

â„šī¸ Info Popups

đŸˇī¸ Blocky Tags

Tags with different color variants for multipliers and labels

✨ Key Features

⚡
Zero Dependencies
Pure TypeScript + CSS implementation
🎮
Game Ready
Optimized for interactive applications
📱
Mobile Responsive
Works perfectly on all devices
🎨
Pure CSS Effects
Multi-layer box shadows for 3D depth
⚡
60fps Animations
Hardware accelerated CSS animations
🔧
TypeScript
Full type safety and IntelliSense

đŸ“Ļ Quick Installation

npm install blocky-ui-lite

import { BlockyUI } from 'blocky-ui-lite';
import 'blocky-ui-lite/styles';