🎮 Blocky UI

A lightweight, 3D blocky-themed UI component library

🎮 Interactive Component Demos

Buttons

Dropdowns

Cards

Modals

Tags

Tags are designed for absolute positioning (like multiplier overlays in games). Here they're displayed in a grid for demo purposes:

Info Overlays

Full-Screen Page

🎮 Live Interactive Demo

Try building your own components dynamically:

Button Builder

Tag Builder

Modal Builder

✨ 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';