Design Systemv2.0

Templates&Patterns

Premium components, layouts, and code patterns from the Unified UI library.
Copy, paste, and build something amazing.

10Templates
6Categories
100+Components
Open Source
🔍

📂 Browse Categories

Explore templates by type

📐 Layout Patterns

🎯

Hero Section

Full-width hero with animated gradient title, subtitle, and CTA buttons

landingheroctagradient
📊

Dashboard Layout

Stats cards, activity feed, and quick actions with glass morphism

dashboardstatswidgetsglass
📐

Feature Section

Section with header, feature cards in responsive grid

sectionfeaturesgridcards

🧩 UI Components

🔘

Glass Button

Premium glass morphism button with glow effects

buttonglassglowinteractive
🃏

Glass Card

Frosted glass card with hover effects and gradient border

cardglasscontainerhover
🏷️

Status Badge

Animated status badges with pulse effects

badgestatuspulseindicator

🧱 Bricks (Dev Tools)

💻

Terminal

Interactive terminal with command history and syntax highlighting

terminalclishelldeveloper
📁

File Tree

Hierarchical file explorer with icons and expand/collapse

filestreeexplorerdeveloper

🔷 Code Patterns

📡

Signal Store Pattern

Reactive state management using Angular signals

signalsstatestorereactive
🧹

DestroyRef Pattern

Automatic subscription cleanup with Angular DestroyRef

cleanupsubscriptionslifecyclerxjs