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.
Animated Circular Progress Bar
AnimationAnimated Circular Progress Bar is a component that displays a circular gauge with a percentage value.
Magic UI
Code Comparison
AnimationA component which compares two code snippets.
Magic UI
Dotted Map
AnimationA component with a svg dotted map.
Magic UI
Hero Video Dialog
AnimationA hero video dialog component.
Magic UI
Icon Cloud
AnimationAn interactive 3D tag cloud component
Magic UI
Interactive Hover Button
AnimationA visually engaging button component that responds to hover with dynamic transitions, adapting smoothly between light and dark modes for enhanced user interactivity.
Magic UI
Kinetic Text
AnimationA text component that animates font weight of characters on hover.
Magic UI
Lens
AnimationA interactive component that enables zooming into images, videos and other elements.
Magic UI
Light Rays
AnimationA component with animated light rays which shine down from above.
Magic UI
Line Shadow Text
AnimationA text component with a moving line shadow.
Magic UI
Marquee
AnimationAn infinite scrolling component that can be used to display text, images, or videos.
Magic UI
Morphing Text
AnimationA dynamic text morphing component for Magic UI.
Magic UI
Pixel Image
AnimationA component that displays your image with a pixelated effect, enhancing the visual appeal of any image in your website.
Magic UI
Pointer
AnimationA component that displays a pointer when hovering over an element
Magic UI
Shiny Button
AnimationA shiny button component with dynamic styles in the dark mode or light mode.
Magic UI
Smooth Cursor
AnimationA customizable, physics-based smooth cursor animation component for React applications.
Magic UI
Spinning Text
AnimationThe Spinning Text component animates text in a circular motion with customizable speed, direction, color, and transitions for dynamic and engaging effects.
Magic UI
Text Animate
AnimationA text animation component that animates text using a variety of different animations.
Magic UI
Video Text
AnimationA text component with a video background.
Magic UI
Cursor
AnimationA custom cursor component with optional spring animations. It can be globally applied to the page or attached specifically to a parent element.
Motion-Primitives
Disclosure
AnimationThe Disclosure component allows users to toggle the visibility of content, either collapsed or expanded.
Motion-Primitives
Infinite Slider
AnimationInfinite scrolling slider component that smoothly loops through its children. It supports both horizontal and vertical directions, with customizable speed and speed on hover. Ideal for creating continuous carousels, mar…
Motion-Primitives
Progressive blur
AnimationA Progressive Blur component creates a layered blur effect using motion and gradient masks. It progressively blurs layers based on direction and intensity, adding visual depth.
Motion-Primitives
Sliding Number
AnimationA component that slides numbers.
Motion-Primitives
Spotlight
AnimationA dynamic spotlight effect component that follows cursor movement.
Motion-Primitives
Text Roll
AnimationA text roll component that rotates each character, fully customizable for nice text animations.
Motion-Primitives
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.