v1.0.0 is now live

BUILD THE FUTURE. TODAY.

A polished cyberpunk UI kit for modern teams that want minimalism, clarity, and a premium digital edge.

40+

components

100%

tailwind-ready

⚡

fast to ship

Quick start
npm

Install and build in seconds

The kit is designed to feel premium from day one, with modern primitives and refined utility patterns.

Install
pnpm add @siberui/react

Signal

Clean primitives for launch pages, dashboards, and product stories.

Tone

Minimal, sharp, and unmistakably futuristic without becoming noisy.

LIVE COMPONENT SHOWCASE

Production-ready cyber primitives

Interact with live components in real time. Crafted with fluid micro-interactions, dark aesthetic controls, and zero boilerplate.

Button Matrix

Multiple variants, sizes, icon slots, and animated loading states.

Input & Toggle Controls

Futuristic inputs, live switches, and pulsing status badges.

SYSTEM OK
CRITICAL BREACH
42 NODES

Security Telemetry

Real-time radar scanning and threat assessment indicators.

14%NOMINAL
SCANNING
Threat Simulation:

Feedback & Alerts

Contextual alerts for info, success, warnings, and destructive errors.

Metrics & Sliders

Responsive sliders and dynamic glowing progress bars.

Power Allocation74%
Telemetry StreamOPTIMAL

Developer DX

Type-safe, fully customizable React components.

ComponentUsage.tsx
import { Button, ThreatIndicator } from '@siberui/react';

export function NodeCard() {
  return (
    <Card variant="neon">
      <ThreatIndicator value={14} />
      <Button variant="neon">Deploy</Button>
    </Card>
  );
}

Feature set

Designed for modern product teams

Elevated motion

Subtle transitions and live states that feel premium without losing clarity.

Refined patterns that keep interfaces looking intentional and lightweight.

Minimal surfaces

Clean spacing, refined borders, and reduced noise for a modern product look.

Refined patterns that keep interfaces looking intentional and lightweight.

Cyber-ready UI

Built for dashboards, launch pages, and interfaces that need instant personality.

Refined patterns that keep interfaces looking intentional and lightweight.

Live system feedback

Make status, health, and confidence signals feel as elegant as the rest of the experience.

15%System Nominal
98%Breach Detected

Minimal by default, expressive when needed

The visual system balances restrained geometry and subtle crimson glow so your products feel modern without becoming overwhelming.