Das ultimative Web-Baukasten-Tool

VibeCoder
Ref

Alle Web-Sections, UI-Komponenten, Animationen und Claude-Skills – animiert, benannt und sofort einsatzbereit für dein nächstes Projekt.

90+
Sections & Komponenten
5
Kategorien
100%
CSS animiert
Module & Tools 5 Kategorien
01
Sections Referenz
Hero & Sections →
55+ animierte Website-Sections – Hero, Scroll-Effekte, Content, Navigation und E-Commerce. Jede Karte zeigt den exakten Namen für dein Vibe-Coding.
02
Primary
Outline
UI Referenz
UI Komponenten →
50+ Buttons, Hover-Effekte & Micro-Interactions mit CSS-Namen.
03
★★★★★
Page Sections
Web Sections →
Fertige Page-Sections als visuelle Referenz – Dark, Light, Split & mehr.
04
Bounce
Spin
Pulse
Slide
CSS & Motion
Animationen →
Keyframes, Easing-Funktionen, Libraries & Scroll-Trigger.
05
Layout-Systeme
Layouts & Grids →
Bento, Masonry, Holy Grail & Co. — die richtigen Namen für die richtigen Raster.
06
Claude Skills
/
/
/
/
AI Tools
Claude Skills →
Slash Commands & MCP-Tools – wann und wie man sie einsetzt.

Hero & Sections

Alle gängigen Website-Sections live animiert – mit den exakten Namen und Begriffen für dein Vibe-Coding.

Hero & Intro
Scroll-Effekte
Content Sections
Navigation & UI
E-Commerce & Interaktiv

UI Komponenten

Buttons, Hover-Effekte, CSS-Animationen und Micro-Interactions – alle mit exakten CSS-Namen.

Buttons & CTAs
Button Hover-Effekte
CSS Entrance Animations
Micro-Interactions & UI-Elemente

Web Sections

Fertige komplette Page-Sections als visuelle Referenz – mit Namen, Varianten und Prompt-Begriffen.

Page Sections

Animationen

CSS Keyframes, Easing-Funktionen, Animation-Libraries und Scroll-Trigger – alle Begriffe für präzises Prompting.

Animation Libraries
Easing & Timing
CSS Keyframe Patterns
Scroll-Triggered Animations
CSS Transitions

Layouts & Grids

Die wichtigsten Layout-Systeme, Grid-Patterns und Container-Bausteine — mit den offiziellen Namen für präzise Prompts.

Layout & Container Divs
Grid-Systeme
Page Layouts
Content Patterns

Claude Skills

Alle verfügbaren Claude Code Skills, Slash Commands und MCP-Tools – wann man was benutzt.

Slash Commands
Design & Frontend Skills
Dokument & Daten Skills
MCP Tools