CodeGewölbe

Anfänger 5 Min. Beliebt

Pricing Card

Preis-Karte mit CTA für Landingpages (VelinStyle 1.2).

Was bekomme ich?

HTML

#velinstyle

Anfänger 5 Min. Schnellstart

Alert Banner

Hinweis-Banner für Wartung oder Releases.

Was bekomme ich?

HTML

#velinstyle

Fortgeschritten 5 Min.

Modal Dialog

Zugänglicher Modal-Dialog als Web Component.

Was bekomme ich?

HTML JS WCAG AA

#velinstyle

Fortgeschritten 5 Min.

Tabs Navigation

Tab-Leiste als <velin-tabs> Web Component.

Was bekomme ich?

HTML

#velinstyle

Anfänger 5 Min. Beliebt

Status Badge

Online/Offline-Badge für Dashboards.

Was bekomme ich?

HTML

#velinstyle

Anfänger 5 Min.

Form Field Group

Label + Input + Fehlertext als Einheit.

Was bekomme ich?

HTML

#velinstyle

Anfänger 5 Min.

Breadcrumb Navigation

Barrierefreie Brotkrumen-Navigation.

Was bekomme ich?

HTML

#velinstyle

Fortgeschritten 5 Min.

Tooltip

Hover-Tooltip mit kanonischem Markup.

Was bekomme ich?

HTML

#velinstyle

Fortgeschritten 5 Min.

Dropdown Menu

Kontextmenü als <velin-dropdown>.

Was bekomme ich?

HTML

#velinstyle

Anfänger 5 Min. Schnellstart

Skeleton Loader

Platzhalter während Inhalte laden.

Was bekomme ich?

HTML

#velinstyle

Fortgeschritten 5 Min. Beliebt

Toast Notification

Toast-Host mit .show() API.

Was bekomme ich?

HTML

#velinstyle

Anfänger 5 Min.

Pagination UI

Seiten-Navigation für Tabellen und Listen.

Was bekomme ich?

HTML

#velinstyle

Anfänger 5 Min.

Avatar Stack

Überlappende Team-Avatare.

Was bekomme ich?

HTML

#velinstyle

Anfänger 5 Min.

Progress Bar

Fortschrittsanzeige mit ARIA.

Was bekomme ich?

HTML

#velinstyle

Fortgeschritten 5 Min.

Toggle Switch

Ein/Aus-Schalter für Einstellungen.

Was bekomme ich?

HTML

#velinstyle

Fortgeschritten 5 Min.

Card Grid Layout

Responsives Kartenraster mit Utility-Klassen.

Was bekomme ich?

HTML CSS

#velinstyle

Anfänger 5 Min. Neu

Calendar

Monats-Datepicker als <velin-calendar> (1.2).

Was bekomme ich?

HTML

#velinstyle

Anfänger 5 Min. Neu

File Dropzone

Client-Upload-UX mit <velin-file-dropzone> (1.2).

Was bekomme ich?

HTML

#velinstyle

Fortgeschritten 5 Min. Neu

Editable Data Table

Sortierbare Tabelle mit Inline-Edit (1.2).

Was bekomme ich?

HTML JS WCAG AA

#velinstyle

Fortgeschritten 5 Min. Neu

React Dialog

Dünne React-Wrapper (@velinstyle/react) über dieselben WCs.

Was bekomme ich?

HTML

#velinstyle

Fortgeschritten 5 Min. Neu Schnellstart

CLI Ship Surface

create / check / doctor — Trust-Ship-CLI (1.2).

Was bekomme ich?

HTML

#velinstyle

Fortgeschritten 5 Min. Neu

Menubar

App-Menüleiste als <velin-menubar>.

Was bekomme ich?

HTML

#velinstyle

Fortgeschritten 5 Min. Neu

Command Palette

Schnellsuche/Befehle mit <velin-command>.

Was bekomme ich?

HTML

#velinstyle

Fortgeschritten 5 Min. Neu

Combobox

Filterbare Auswahl mit <velin-combobox>.

Was bekomme ich?

HTML

#velinstyle