Workbench Logo
    UI Components

    Komponenten-Bibliothek

    Entdecke fertige UI-Komponenten mit Live-Preview und kopierbarem Code. Perfekt für schnelles Prototyping.

    Buttons
    Demo

    Solid Button

    Standard gefüllter Button mit Hover-Effekt

    primarystandardfilled
    Buttons
    Demo

    Outline Button

    Button mit Rahmen und transparentem Hintergrund

    outlinebordersecondary
    Buttons
    Demo

    Ghost Button

    Minimalistischer Button ohne Hintergrund

    ghostminimalsubtle
    Buttons
    Demo

    Gradient Button

    Moderner Button mit Farbverlauf

    gradientmodernvibrant
    Buttons
    Demo

    3D Button

    Button mit 3D-Effekt und Schatten

    3dshadowdepth
    Buttons
    Demo

    Glow Button

    Button mit Leuchteffekt

    glowneoneffect
    Buttons
    Demo

    Icon Button

    Button mit Icon und Text

    iconcombinedaction
    Buttons
    Demo

    Pill Button

    Abgerundeter Pill-Style Button

    pillroundedsoft
    Cards
    Demo

    Card Title

    Simple card content.

    Simple Card

    Einfache Karte mit Titel und Text

    simplebasicclean
    Cards
    Demo

    Hover Card

    Hover over me!

    Hover Card

    Karte mit Hover-Animation

    hoveranimationinteractive
    Cards
    Demo

    Gradient Border

    Beautiful border.

    Gradient Border Card

    Karte mit Gradient-Rahmen

    gradientbordermodern
    Cards
    Demo

    Glass Card

    Glassmorphism effect.

    Glassmorphism Card

    Glassmorphismus-Effekt mit Blur

    glassblurmodern
    Cards
    Demo

    Pro

    $29/mo

    Pricing Card

    Preiskarte für SaaS-Produkte

    pricingsaasproduct
    Cards
    Demo

    Jane Doe

    CEO

    "Amazing product!"

    Testimonial Card

    Kundenbewertungs-Karte

    testimonialreviewsocial
    Badges
    Demo
    Badge

    Solid Badge

    Standard gefülltes Badge

    solidfilledstandard
    Badges
    Demo
    Outline

    Outline Badge

    Badge mit Rahmen

    outlineborder
    Badges
    Demo
    Success

    Success Badge

    Grünes Status-Badge

    successgreenstatus
    Badges
    Demo
    Warning

    Warning Badge

    Gelbes Warnungs-Badge

    warningyellowstatus
    Badges
    Demo
    Error

    Error Badge

    Rotes Fehler-Badge

    errorredstatus
    Badges
    Demo
    Online

    Dot Badge

    Badge mit Punkt-Indikator

    dotindicatorstatus
    Badges
    Demo
    New

    New Badge

    Gradient "New" Badge

    newgradienthighlight
    Loaders
    Demo

    Spinner

    Klassischer Lade-Spinner

    spinnerrotatingclassic
    Loaders
    Demo

    Bouncing Dots

    Drei springende Punkte

    dotsbouncingplayful
    Loaders
    Demo

    Pulse

    Pulsierender Kreis

    pulsecirclesimple
    Loaders
    Demo

    Bars

    Animierte Balken

    barsequalizeraudio
    Loaders
    Demo

    Skeleton

    Skeleton Loading Platzhalter

    skeletonplaceholdercontent
    Loaders
    Demo

    Ring

    Doppelter Ring-Spinner

    ringdoubleelegant
    Trends
    Demo

    Glass Card

    Blur effect

    Glassmorphism Card

    Moderner Glas-Effekt mit Blur und Transparenz

    glassmorphismblurmodern
    Trends
    Demo

    Glass Input

    Eingabefeld im Glassmorphism-Stil

    glassmorphisminputform
    Trends
    Demo
    Feature
    📊
    Stats

    Bento Grid

    Apple-inspiriertes asymmetrisches Grid-Layout

    bentogridlayout
    Trends
    Demo
    Main
    🚀
    Info

    Simple Bento

    Minimalistisches Bento-Grid für Features

    bentominimalfeatures
    Trends
    Demo
    Visible
    Appearing...
    Hidden

    Scroll Reveal

    Element erscheint beim Scrollen mit Animation

    scrollanimationreveal
    Trends
    Demo

    66% scrolled

    Scroll Progress Bar

    Fortschrittsbalken basierend auf Scroll-Position

    scrollprogressindicator
    Trends
    Demo
    🏔️
    Parallax Hero

    Parallax Section

    Parallax-Scrolleffekt für Hero-Sections

    parallaxscrollhero
    Trends
    Demo
    Sticky
    Step 1
    Step 2
    Step 3

    Sticky Scroll Section

    Sticky-Element mit wechselndem Content beim Scrollen

    stickyscrollanimation
    Trends
    Demo

    Neumorphism

    Soft UI

    Neumorphism Card

    Soft-UI-Design mit erhöhten Elementen

    neumorphismsoft-ui3d
    Trends
    Demo
    Aurora

    Aurora Background

    Animierter Nordlicht-Hintergrund

    auroragradientanimated
    37 von 37 Komponenten