MRRPortfolioBeranda
Home/Toolkit/UI Components Lab
100% Free Open Source (MIT) • Zero Lock-In

Open-Source UI Components Lab

Koleksi komponen UI modern bebas kustomisasi secara leluasa. Ubah warna accent, border radius, dan intensitas glow secara live, lalu salin kode Tailwind CSS atau React JSX dalam 1-klik.

Accent:
Radius:
Glow:
Canvas:
buttons

Neon Cyber Glow Button

High-contrast glowing button with smooth hover scale and vibrant neon box-shadow.

Open Source MIT • Aceternity & Cyberpunk UI pattern
buttons

Glassmorphic Pill Button

Translucent frosted glass button with specular border highlight and backdrop blur.

Open Source MIT • Modern Glassmorphism Pattern
buttons

Cyber Chamfered Button

Polygon cut-corner tech button with outline border and inner monospace telemetry text.

Open Source MIT • Sci-Fi & Cyberpunk HUD Style
buttons

Tactile 3D Push Button

Physical mechanical button with 3D bottom bevel shadow that depresses on active click.

Open Source MIT • Tactile UI Primitives
Production Ready

Ultra-Low Latency Engine

Edge-distributed microservices delivering sub-10ms response times worldwide.

cards

Glass Bento Feature Card

Dark glassmorphic card with subtle accent glow, header icon, and clean typography.

Open Source MIT • Bento Grids & Linear / Vercel style
NETWORK THROUGHPUT↑ 38.4%
2.84TB / sec
cards

Cyber Metric Stats Widget

Telemetry card with big bold stat counter, growth badge, and bottom accent line.

Open Source MIT • SaaS Dashboard Pattern
⌘K
inputs

Neon Glow Search Field

Interactive search bar with custom focus glow, leading icon, and keyboard shortcut badge.

Open Source MIT • Command Palette (⌘K) UI pattern
ONLINE
inputs

Cyberpunk Switch Toggle

Interactive smooth switch with glowing thumb track and tactile state indicator.

Open Source MIT • Mobile & Dashboard Switch standard
AVAILABLE FOR HIRE
badges

Radar Live Pulse Badge

Real-time status pill with concentric pulsing radar wave indicator.

Open Source MIT • SaaS Live Telemetry Pattern
PRO•v4.2
badges

Neon Gradient Pill Tag

Dual-tone gradient border pill with high-contrast inner content.

Open Source MIT • Modern Pill Tag Design
Synchronizing...
loaders

Cyber Conic Radar Loader

Continuous spinning conic gradient loader with center dark knockout.

Open Source MIT • Modern CSS Spinners
loaders

Sweeping Skeleton Shimmer

Placeholder loading skeleton with smooth continuous gradient sweep reflection.

Open Source MIT • Skeleton Loading Standard
navigation

Segmented Glass Tabs

Interactive segmented pill tab bar with illuminated active state.

Open Source MIT • macOS / iOS Segmented Control