Prompt & style library
286 hand-picked app briefs, design styles, themes, palettes, fonts and animation patterns — each a detailed prompt you can paste into any AI assistant. Free, no account needed to browse.
Scrollytelling
StyleScrolling is the narrative timeline. A sticky canvas pins to the viewport while text steps scroll past it, each step triggering a state change — numbers count, shapes morph, layers light up. Information reveals frame by…
Full style reference · 7k charsStyleKit
Kinetic Typography
StyleType is the interface. On an ink-black stage the variable font itself becomes the animation: letters arrive one by one, weights breathe, widths stretch with scroll velocity. Motion belongs to the words alone, and a sing…
Full style reference · 7k charsStyleKit
Motion-Driven
StyleAnimation-heavy, microinteractions, smooth transitions, scroll effects, parallax, entrance anim, page transitions. Best for Portfolio sites, storytelling platforms, interactive experiences, entertainment apps, creative,…
UI/UX Pro Max
Launch Keynote
StyleAn Apple-keynote product-reveal aesthetic: a pitch-black stage, luminous product imagery, huge tight-tracking headlines and one electric-blue accent. The signature is a scroll-scrubbed frame sequence - a sticky canvas p…
Full style reference · 8k charsStyleKit
Parallax Editorial
StyleEditorial layout with physical depth. On warm paper, foreground text and background layers scroll at different rates to build real parallax; sticky image-text interlock, chapter numbers and drop caps turn long-form into…
Full style reference · 7k charsStyleKit
Theme Toggler
AnimationAnimated theme toggle using the View Transitions API with configurable clip-path shapes and origin.
Magic UI
Floating 3D Particles
AnimationA canvas-based pseudo-3D particle field with perspective projection, continuous rotation, buoyant drift and depth-aware rendering.
Magic UI
Hexagon Pattern
AnimationA background hexagon pattern made with SVGs, fully customizable using Tailwind CSS.
Magic UI
Icon Cloud
AnimationAn interactive 3D tag cloud component
Magic UI
Particles
AnimationParticles are a fun way to add some visual flair to your website. They can be used to create a sense of depth, movement, and interactivity.
Magic UI
Terminal
AnimationAn implementation of the MacOS terminal. Useful for showcasing a command line interface.
Magic UI
Text Animate
AnimationA text animation component that animates text using a variety of different animations.
Magic UI
Tweet Card
AnimationA card that displays a tweet with the author's name, handle, and profile picture.
Magic UI
Carousel
AnimationA flexible and easy-to-use carousel with customizable navigation and indicators.
Motion-Primitives
Dialog
AnimationA window overlaid on either the primary window or another dialog window, rendering the content underneath inert. Customize the dialog with variants and transition.
Motion-Primitives
Dock
AnimationA versatile UI element that provides a flexible and customizable way to organize and display menu items within your application.
Motion-Primitives
Morphing Dialog
AnimationA dialog that uses layout animations to transition content into a focused view. It supports click-outside and escape key functionalities for closing.
Motion-Primitives
Morphing Popover
AnimationA popover that transforms from its trigger into the content using layout animations. It visually morphs instead of appearing as a separate element.
Motion-Primitives
Text Effect
AnimationEasily animate text content with various effects. You can apply animations per character or per word, and customize the animation effects using custom variants or preset animations.
Motion-Primitives
Toolbar Dynamic
AnimationChanges height based on content, expanding to display more tools and shrinking to save space. Keeps your screen organized and efficient.
Motion-Primitives
Interaction Design & Motion
GuideDesign and implement microinteractions, motion design, transitions, and user feedback patterns. Use when adding polish to UI interactions, implementing loading states, or creating delightful user experiences.
wshobson agents
Apple Liquid Glass
StyleApple's revolutionary design language from WWDC 2025, creating an organic, fluid visual experience beyond traditional frosted glass through SVG refraction filters, rainbow edge halos, fluid morphing animations, and mult…
Full style reference · 8k charsStyleKit
Airtable-inspired
Brand-inspiredA sober, editorial workflow-software interface anchored on white canvas and dark-ink type, where brand voltage comes from full-bleed signature cards in coral, dark green, peach, and dark navy that punctuate long-scroll…
Full style reference · 35k charsHaas Groot Disp
Awesome DESIGN.md
high-end-visual-design
GuideTeaches the AI to design like a high-end agency. Defines the exact fonts, spacing, shadows, card structures, and animations that make a website feel expensive. Blocks all the common defaults that make AI designs look ch…
taste-skill
Sources: StyleKit (MIT) · Awesome DESIGN.md (MIT) · UI/UX Pro Max (MIT) · tweakcn (Apache-2.0) · taste-skill (MIT) · Hallmark (MIT) · prompts.chat (CC0-1.0) · Anthropic skills (Apache-2.0) · awesome-cursorrules (CC0-1.0) · VoltAgent subagents (MIT) · wshobson agents (MIT) · Interface Design skill (MIT) · design.md (Google Labs) (Apache-2.0) · Magic UI (MIT) · Motion-Primitives (MIT) · Awesome DESIGN.md — e-commerce (MIT). Brand-inspired entries describe a look only — no names, logos or trademarks belong in your app.