eleventy
Ein effizienter Generator für statische Websites, der mit minimalem Einrichtungsaufwand und maximalen Anpassungsmöglichkeiten Dateien in eine schnell ladende Website umwandelt.
Dein Weg zu außergewöhnlichen UIs beginnt hier
Entdecke die besten, sorgfältig für Entwickler ausgewählten UI-Frameworks, Bibliotheken und Build-Tools. Finde die Werkzeuge, die du brauchst, um deine UI-Ideen zum Leben zu erwecken.
100 Ressourcen
Alpine.js
Ein robustes, minimalistisches Framework, mit dem du Verhalten direkt in deinem Markup definierst.
Angular
Dieses Framework bietet eine leistungsstarke Lösung für die Entwicklung dynamischer und skalierbarer Webanwendungen. Sein umfangreicher Funktionsumfang richtet sich an Entwickler, die einen flexiblen und zugleich strukturierten Ansatz für die Anwendungsentwicklung suchen.
anime.js
Diese Animationsbibliothek vereinfacht das Erstellen ansprechender Animationen für Webanwendungen und verbindet Flexibilität mit einfacher Bedienung.
ArkUI
Diese Open-Source-UI-Lösung ermöglicht die Erstellung ausgefeilter Designsysteme mit anpassbaren Komponenten, die sich an verschiedene visuelle Stile und Barrierefreiheitsstandards anpassen lassen.
Astro
Dieses Web-Framework richtet sich an Entwickler, die schnelle, inhaltsorientierte Websites mit geringem Aufwand und maximaler Leistung erstellen möchten.
AutoAnimate
Erweitere deine Webanwendungen mühelos mit fesselnden Animationen.
ChakraUI
Erstelle schnell und effizient barrierefreie Webanwendungen mit einer umfassenden Auswahl an wichtigen Komponenten, die einfach zu verwenden und flexibel anpassbar sind.
cmdk
Diese Komponente bietet eine umfassende Lösung für ein Befehlsmenü in React und vereint eine gute Benutzererfahrung mit Flexibilität für Entwickler.
Corset
Erweitere dein HTML mit einem reaktiven Ansatz, der JavaScript einbindet, ohne die Dinge unnötig kompliziert zu machen.
daisyUI
Dieses Tool hilft Entwicklern, schnell und effizient ansprechende Benutzeroberflächen zu erstellen. Semantische Klassennamen vereinfachen dabei den Entwicklungsprozess.
dndkit
Ein Toolkit, mit dem Entwickler Drag-and-drop-Funktionen ganz einfach in ihre React-Anwendungen integrieren können.
Docusaurus
Ein Projekt, mit dem du mühelos Dokumentationswebsites erstellen kannst und dich ganz auf Inhalte und Benutzerfreundlichkeit konzentrierst.
Electron
Ein Framework zur Entwicklung von Desktop-Anwendungen mit Webtechnologien. So können Entwickler ihre vorhandenen Kenntnisse nutzen und Nutzern zugleich ein naturnahes Erlebnis bieten.
emotion
Entdecke eine neue Art, Stile in JavaScript zu schreiben, bei der Kreativität und Effizienz im Mittelpunkt stehen.
Enhance
Diese Lösung steigert die Produktivität und Anwendungsleistung, indem sie Entwickler einen HTML-zentrierten Entwicklungsansatz nutzen lässt und so sowohl das Erstellen als auch das Bereitstellen vereinfacht.
esbuild
Dieses Tool beschleunigt das Bündeln und Minimieren von JavaScript-Anwendungen erheblich und ermöglicht so effizienteres Arbeiten.
flowbite
Eine Open-Source-Bibliothek mit responsiven und anpassbaren UI-Komponenten für Webprojekte.
Font Awesome
Eine vielseitige Sammlung von Icons, die sich nahtlos in verschiedene Anwendungen integrieren lassen und das Nutzererlebnis visuell bereichern.
Framer Motion
Ein leistungsstarkes Tool, mit dem du mit wenig Aufwand beeindruckende Animationen in deinen React-Anwendungen erstellst.
Glaze
Ein auf GSAP basierendes, utility-basiertes Animations-Framework, mit dem du mit wenig Code Animationen erstellst.
GSAP
Mit diesem Animationstool erstellst du mühelos ansprechende Animationen und Interaktionen im Web und verbesserst so das Nutzererlebnis über einfache Standardübergänge hinaus.
HeadlessUI
Eine Sammlung barrierefreier UI-Komponenten, die sich mühelos in moderne Designsysteme integrieren lassen.
Heroicons
Eine Sammlung sorgfältig gestalteter SVG-Icons, mit denen du deine Webprojekte um ansprechende visuelle Elemente ergänzt.
Hybrids
Dieses Framework unterstützt Entwickler dabei, mit deklarativen und funktionalen Programmiertechniken effiziente, wartbare Webanwendungen und Komponenten zu erstellen.
Inertia.js
Diese Lösung vereinfacht die Entwicklung moderner Webanwendungen. Sie nutzt moderne clientseitige Techniken und bewahrt zugleich die Einfachheit traditioneller serverseitig gerenderter Anwendungen.
Ionicons
Eine großartige Quelle für wunderschön gestaltete Icons, die sich perfekt für all deine Anwendungsfälle eignen.
Jotai
Eine leistungsstarke und dennoch schlanke Lösung zur Zustandsverwaltung, die in React-Anwendungen auf einen atomaren Ansatz setzt.
Legend State
Diese leistungsstarke Bibliothek vereinfacht die Zustandsverwaltung in deinen Anwendungen und macht den Umgang mit komplexen Daten zum Kinderspiel.
Lit
Ein einfaches und zugleich leistungsstarkes Tool, mit dem du effizient und effektiv Web Components erstellen kannst.
Livewire
Eine revolutionäre Art, moderne Webanwendungen zu entwickeln: leistungsstarke PHP-Funktionen treffen auf dynamische Benutzeroberflächen.
Lucide
Eine Sammlung schöner, einheitlicher Icons, ideal für moderne Webanwendungen.
MagicUI
Eine vielseitige Sammlung schön gestalteter Komponenten, die deine Webprojekte aufwertet und deinen Designprozess vereinfacht.
Mantine
Eine umfassende Lösung, mit der du schnell und effizient barrierefreie, responsive Benutzeroberflächen entwickelst.
Master CSS
Dieses innovative Produkt revolutioniert das Schreiben und Anwenden von CSS und verbindet Einfachheit mit Leistung für effektives Webdesign und Web-Entwicklung.
MobX-State-Tree
Eine Bibliothek mit vollem Funktionsumfang, die die Zustandsverwaltung durch einen strukturierten Ansatz für den Umgang mit veränderbarem Zustand vereinfacht.
MobX
Diese Lösung zur Zustandsverwaltung ermöglicht die nahtlose Integration dynamischer Daten in deine Anwendungen und passt sich mühelos an Änderungen an.
Motion One
Eine moderne Web-Animationsbibliothek auf Basis nativer Browser-APIs, die für hohe Geschwindigkeit und eine winzige Dateigröße sorgt.
MaterialUI
Dieses Produkt bietet eine umfassende Auswahl an Werkzeugen zum Erstellen von Benutzeroberflächen in React. Dabei stehen Flexibilität und die Einhaltung von Designstandards im Fokus.
Next.js
Eine leistungsstarke Lösung zum Erstellen asynchroner, dynamischer Webanwendungen mit zahlreichen Funktionen, die die Produktivität von Entwicklern steigern.
Nue
Diese innovative Plattform verändert die Entwicklung von Nutzererlebnissen grundlegend: Sie verbindet Design und Entwicklung auf intuitivere Weise und ermöglicht es Entwicklern, sich ohne den üblichen Mehraufwand auf außergewöhnliche Nutzererlebnisse zu konzentrieren.
nuqs
Verwalte den Anwendungsstatus in Next.js mühelos über den URL-Abfrageparameter, damit der Status erhalten und synchronisiert bleibt.
NuxtUI
Eine vielseitige Sammlung anpassbarer Komponenten, die die Entwicklung moderner Webanwendungen vereinfacht und Entwicklern mehr Geschwindigkeit und Flexibilität bietet.
Panda CSS
Eine moderne CSS-in-JS-Bibliothek mit leistungsstarken Styling-Funktionen, statischer Generierung und Typsicherheit.
Preact
Eine schnelle Alternative zu React mit modernen Funktionen und minimalem Platzbedarf für effiziente Web-Entwicklung.
PrimeVue
Eine umfangreiche Sammlung von Open-Source-UI-Komponenten, mit denen du Vue.js-Anwendungen nahtlos und effizient erstellen kannst.
Qwik
Ein modernes Framework für blitzschnelle Webanwendungen mit Fokus auf Performance und Interaktivität.
Radix Primitives
Ungestylte, barrierefreie Open-Source-React-Primitives für hochwertige Web-Apps und Designsysteme.
Radix Vue
Ein inoffizieller Vue-Port mit anpassbaren und barrierefreien UI-Komponenten für den Aufbau von Designsystemen.
React Aria
Diese Bibliothek ermöglicht es Entwicklern, hochgradig barrierefreie und anpassbare Komponenten zu erstellen, die sich an Nutzerinteraktionen und Umgebungsbedingungen anpassen.
React DnD
Diese Bibliothek bietet eine effiziente Möglichkeit, Drag-and-drop-Funktionen in React-Anwendungen einzubauen, ohne sich mit den Details der Browser-APIs befassen zu müssen.
React Hook Form
Eine leistungsstarke Bibliothek zur Formularverwaltung, die das Verwalten von Formularen in React-Anwendungen vereinfacht und dabei auf Performance und Benutzerfreundlichkeit setzt.
React Router
Ein unverzichtbares Werkzeug für Routing und Navigation in React-Anwendungen, das die Effizienz bei der Entwicklung und die Performance der Anwendung verbessert.
React Spectrum
Eine Sammlung von Werkzeugen und Bibliotheken, mit denen du einheitliche und barrierefreie Nutzererlebnisse schaffen kannst. Sie lässt sich nahtlos in ein größeres Ökosystem integrieren.
React Spring
Diese Animationslösung sorgt für flüssige, performante Übergänge, die jede Benutzeroberfläche lebendiger machen und das Nutzererlebnis nahtlos verbessern.
React Three Fiber
Diese Lösung wurde für interaktive 3D-Erlebnisse im Web entwickelt und ermöglicht es Entwicklern, die Funktionen von React zusammen mit Three.js für dynamisches Rendering und eine ansprechende Darstellung zu nutzen.
uikit
Ein Toolkit, mit dem Entwickler ganz einfach interaktive und ansprechende 3D-Oberflächen erstellen können.
React
Dieses Tool erleichtert die Entwicklung interaktiver Benutzeroberflächen mit einer komponentenbasierten Architektur.
Redux Toolkit
Ein umfassendes Toolkit, das die Redux-Entwicklung vereinfacht und verbessert, damit Anwendungen vorhersehbar und wartbar bleiben.
RedwoodJS
Eine robuste Lösung für die Entwicklung skalierbarer Webanwendungen, bei der Flexibilität und eine einfache Einrichtung und Wartung im Vordergrund stehen.
Refine
Dieses leistungsstarke React-Framework vereinfacht die Erstellung interner Werkzeuge und Verwaltungs-Dashboards. So können Entwickler sich auf neue Funktionen konzentrieren, statt grundlegende Funktionen immer wieder zu programmieren.
Remix
Mit diesem Framework können Entwickler schnelle, moderne Webanwendungen mit Fokus auf Barrierefreiheit und Entwicklererfahrung erstellen.
Rollup
Dieses Werkzeug vereinfacht die Entwicklung, indem es Abhängigkeiten effizient verwaltet und Code für eine schnelle Auslieferung optimiert.
Sal
Mit dieser Bibliothek kannst du deine Webanwendungen um flüssige Scroll-Animationen erweitern, die starten, sobald Elemente in den sichtbaren Bereich gelangen.
shadcn/ui
Eine leistungsstarke Sammlung von UI-Komponenten, die du schnell in deine Anwendungen integrieren kannst, um Design und Funktionalität zu verbessern.
shadcn-vue
Vielseitige Tools zum Erstellen visuell ansprechender und barrierefreier Komponentenbibliotheken, speziell für moderne Webanwendungen entwickelt.
Shiki
Eine fortschrittliche Lösung zur Syntaxhervorhebung für Entwickler, denen Leistung und Anpassbarkeit wichtig sind.
Skeleton
Ein adaptives und barrierefreies Toolkit, das die Entwicklung moderner Webanwendungen erleichtert.
solid-ui
Eine Bibliothek mit einer umfangreichen Auswahl an anpassbaren UI-Komponenten, die speziell für moderne Webanwendungen entwickelt wurden. Sie eignet sich ideal für Entwickler, die ihre Projekte mit benutzerfreundlichen Oberflächen aufwerten möchten.
Solid
Diese Bibliothek richtet sich an Entwickler, die mit einem modernen, reaktiven Ansatz leistungsstarke Benutzeroberflächen erstellen möchten.
SparkUI
Erstelle animierte Websites 10-mal schneller mit einer umfassenden Sammlung animierter Komponenten für die moderne Web-Entwicklung.
Stencil
Eine Bibliothek, mit der du ganz einfach leistungsstarke und wiederverwendbare Komponentenbibliotheken erstellen kannst.
styled-components
Eine leistungsstarke Bibliothek, mit der du CSS nahtlos in JavaScript verwenden kannst, um deine Komponenten zu gestalten.
StyleX
Diese Bibliothek vereinfacht das Styling von Webanwendungen. Sie nutzt atomare Styles für mehr Effizienz und Wartbarkeit.
supastarter
Ein umfassendes Starter-Kit für die schnelle Entwicklung und Skalierung von SaaS-Anwendungen mit allen wichtigen Tools und Funktionen.
SvelteKit
Ein leistungsstarkes Framework, das die Entwicklung von Webanwendungen mit einem eleganten, komponentenbasierten Ansatz beschleunigt.
Svelte
Ein modernes Framework, das die Entwicklung von Webanwendungen verändert, indem es hochoptimiertes JavaScript kompiliert.
TanStack Table
Eine leistungsstarke Lösung zum Erstellen und Verwalten komplexer Datendarstellungen in deinen Anwendungen, die dir beispiellose Anpassungsmöglichkeiten und Kontrolle bietet.
Tailwind Motion
Eine neue, einfach zu verwendende Animationsbibliothek mit neuer Syntax, die UI durch Bewegungseffekte ergänzt und dabei Leistung und Barrierefreiheit in den Mittelpunkt stellt.
Tailwind CSS
Ein Utility-First-CSS-Framework mit zahlreichen Klassen, mit denen du jedes Design direkt im Markup umsetzen und moderne Websites schnell erstellen kannst. Dabei bleibt dein HTML übersichtlich und gut wartbar.
Tamagui
Diese Bibliothek ist eine leistungsstarke Lösung zum Erstellen von Benutzeroberflächen mit React und React Native, die Effizienz und Flexibilität vereint.
TanStack Query
Dieses Tool revolutioniert den Umgang mit asynchronen Daten in deinen Anwendungen. Die deklarative und automatische Lösung verbessert sowohl die Entwickler- als auch die Nutzererfahrung.
TanStack Router
Eine moderne, skalierbare Routing-Bibliothek speziell für React, mit Schwerpunkt auf Typsicherheit und effizientem Datenmanagement.
Tauri
Erstelle kleine, schnelle und sichere Anwendungen für Desktop-Geräte mit Webtechnologien.
Tiptap
Dieses robuste Framework ermöglicht es Entwicklern, individuelle Editoren mit umfangreichen Funktionen zu erstellen und dank Echtzeitfunktionen und KI-Integration eine reibungslose Nutzererfahrung zu gewährleisten.
UnoCSS
Eine leistungsstarke, anpassbare Engine, mit der Entwickler Designs schnell und ohne die üblichen Einschränkungen traditioneller CSS-Frameworks erstellen können.
usehooks-ts
Eine Sammlung von React-Hooks, die deinen Entwicklungsprozess mit sofort einsatzbereiten Lösungen vereinfacht und für sichere Typisierung und Effizienz in deinen Anwendungen sorgt.
valtio
Diese Bibliothek vereinfacht das proxybasierte Zustandsmanagement für moderne Anwendungen und verbessert das Entwicklungserlebnis durch effizientes Rendering und einfache Zustandsverwaltung.
Vaul
Eine ungestaltete Drawer-Komponente für die nahtlose Integration in React-Anwendungen, die die Interaktion auf Mobilgeräten verbessert.
Vite
Dieses Tool verbessert deinen Entwicklungsworkflow und bietet eine schnelle, reaktionsfähige Umgebung für die Entwicklung von Webanwendungen.
Vue.js
Dieses Framework bietet einen leicht zugänglichen Ansatz für die Entwicklung von Benutzeroberflächen und leistungsstarke Funktionen für kleine wie große Anwendungen.
Vuetify
Eine umfassende UI-Komponentenbibliothek, die Vue.js-Anwendungen mit den Prinzipien des Material Designs erweitert und eine Reihe von Komponenten für die moderne Web-Entwicklung bietet.
VueUse
Eine Sammlung wichtiger Hilfsfunktionen für die Arbeit mit Vue.js, die die Entwicklung vereinfachen und die Produktivität steigern.
zag.js
Diese leistungsstarke Lösung hilft dir, UI-Komponenten zu erstellen, die anpassungsfähig sind und Barrierefreiheitsstandards erfüllen. Sie nutzt Zustandsautomaten, um die Logik gängiger UI-Muster zu kapseln und die Integration in verschiedene Frameworks zu erleichtern.
zustand
Eine moderne Lösung zur Verwaltung des Anwendungsstatus in React-Apps, die auf Einfachheit und Leistung setzt.
BaseUI
Headless React-Komponenten ohne vorgegebene Stile für barrierefreie, hochgradig anpassbare Oberflächen mit voller Kontrolle über das Styling.
TanStack DB
Reaktiver Client-Store mit Live-Abfragen und optimistischen Mutationen für konsistente UIs mit Reaktionszeiten unter einer Millisekunde und Echtzeit-Synchronisierung.
TanStack Form
Headless und typsicher: Formularstatusverwaltung mit schemaunabhängiger Validierung, fein abgestimmten Abonnements und ergonomischen APIs zum Erstellen komplexer Formulare.
TanStack Start
Full-Stack-Meta-Framework für React und Solid mit typsicherem Routing, SSR, Streaming, Serverfunktionen und Vite-gestütztem Bundling, überall einsatzbereit.
TinyBase
Reaktiver In-Memory-Datenspeicher und Sync-Engine für Local-First-Apps mit CRDTs, Abfragen, granularen Listenern sowie optionalen React-Hooks und -Komponenten.
Über KickstartUI
KickstartUI ist deine Anlaufstelle, um die besten UI-Frameworks, Bibliotheken und Build-Tools zu entdecken. Wir stellen sorgfältig erstklassige Ressourcen zusammen, damit Entwickler ihre UI-Ideen zum Leben erwecken können. Ob du eine responsive Web-App entwickelst, eine mobile Oberfläche gestaltest oder einen interaktiven Prototyp entwirfst – unsere Plattform bietet dir die wichtigsten Werkzeuge, um deine Projekte schneller voranzubringen und die Nutzererfahrung zu verbessern. Entdecke unsere umfangreiche Sammlung, um über die neuesten Trends auf dem Laufenden zu bleiben, neue Möglichkeiten zu erschließen und deine UI-Designs auf ein neues Niveau zu heben. Bereit, dein nächstes Projekt zu starten? Entdecke unsere ausgewählten Ressourcen oder suche nach bestimmten Werkzeugen, die zu deinen Anforderungen passen.