DeltaSwift SolutionsDeltaSwift
UI Laboratory

Komponenten, die sich anfassen lassen.

Kein Fake-Screenshot. Mech-Toggle, 3D-Loader, Watch Face und produktionsnahe Controls — filterbar, klickbar, Dark-Theme.

35interaktive Komponenten · Filter „Motion“ für Loader, Watch & Battery

01
Button

Gradient-Ripple

Primärer CTA mit Ripple beim Klick.

02
NeuButton

Neon Deploy

Saphir-Neon-Button mit Pulse — Agency-Feeling.

03
NeuPower

Power Button

Neumorphic Power-Switch mit Blau-Pulse (Uiverse).

System standby

04
Icon

Icon-Button Glow

Schwebende Icon-Aktionen mit Leuchtring.

Merken
Einstellungen
Teilen
05
Zähler

Stepper

Mengensteuerung für Checkout & Formulare.

2
06
Utility

Copy Field

Ein-Klick-Kopie mit stiller Bestätigung.

npm install @deltaswift/ui
07
Toast

Glas-Toast

Feedback-Hinweis unter dem Button — ohne Overlap.

08
NeuToggle

Mech Toggle

Mechanischer Uiverse-Switch — haptisch, klickbar.

Aktiv · mechanischer Switch

09
Toggle

Soft Switch

Klassischer Soft-Toggle mit Spring-Animation.

Feature-Modul ist aktiviert

10
Form

Checkbox-Liste

Multi-Select mit weicher Häkchen-Animation.

11
Auswahl

Radio-Gruppe

Klare Einzelauswahl mit Blau-Punkt.

12
Rating

Sterne

Interaktives Rating mit Hover-Skalierung.

13
Tabs

Segmented Control

Gleitende Filter-Pille.

Schnelle, moderne Websites & Web-Apps.

14
Farbe

Farb-Swatches

Theme-Picker mit Leuchtring.

15
Slider

Glow Slider

Einzelwert mit Fokus-Glow.

62 %
16
Slider

Preisspanne

Dual-Range für Filter.

25 € – 75
17
Suche

Live-Suche

Sofortige Vorschläge in Dark-Dropdown.

18
Tags

Tag-Eingabe

Chips für Labels & Filter.

FigmaReact
19
Security

Passwort + Stärke

Live-Stärkeanzeige, dezenter Fokus.

Stärke ·
20
OTP

OTP-Code

Vierstellig mit Auto-Fokus.

21
Menü

Glas-Dropdown

Dark Dropdown mit weichem Hover.

22
Upload

Datei-Drop

Drag-Over-Zone mit Glow.

23
NeuLoader

Bounce Steps

Uiverse Bounce-Loader — Treppen-Animation.

Loading…

24
NeuLoader

3D Boxes

Isometrische Würfel in Endlosschleife.

25
NeuLoader

Orbit Spinner

DeltaSwift-Orbit: Core + Satellit.

26
NeuStatus

Battery Charge

Live-Ladeanzeige mit Blau-Gradient.

20%

27
NeuDevice

Watch Face

Live-Uhr im Watch-Gehäuse — Uiverse Style.

19
16

28
NeuAlert

Error Alert

Dunkle Fehler-Meldung für Auth & Formulare (Uiverse).

29
Progress

Fortschrittsbalken

Lineare Progress für Pipelines.

30
Progress

Radial Progress

Kreis-Fortschritt für KPIs.

0%
31
FAQ

Akkordeon

Ein Eintrag gleichzeitig geöffnet.

Ja, vollständig responsiv und leichtgewichtig.

Jede Komponente wird auf Ihr Design zugeschnitten.

32
Tabs

Registerkarten

Unterstrich gleitet zur aktiven Tab.

Modulares Design-System für Produktteams.

33
Dialog

Glas-Modal

Confirm-Dialog mit lesbarem Kontrast.

34
Karte

Flip Card

3D-Umdrehen für Feature-Reveals.

Klicken zum Wenden
Pro-Plan · unbegrenzt
35
Liste

Drag Sort

Sortierbare Prioritäten-Liste.

  • Priorität — Design-Review
  • Priorität — API-Anbindung
  • Priorität — QA-Testlauf