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.

Try:

Curated · 286 Everything · 1009Showing the whole library (1009 entries), including short or duplicate prompts.

Full style references only 9

Rainbow Button

Animation

An animated button with a rainbow effect.

Magic UI

Ripple

Animation

An animated ripple effect typically used behind elements to emphasize them.

Magic UI

Shine Border

Animation

Shine border is an animated background border effect.

Magic UI

Spinning Text

Animation

The Spinning Text component animates text in a circular motion with customizable speed, direction, color, and transitions for dynamic and engaging effects.

Magic UI

Text 3D Flip

Animation

A text effect that flips each letter in 3D with a staggered animation on hover.

Magic UI

Text Reveal

Animation

Fade in text as you scroll down the page.

Magic UI

Warp Background

Animation

A card with a time warping background effect.

Magic UI

Accordion

Animation

A vertically stacked set of collapsible containers allowing users to toggle content visibility. Customize the animation effects with variants and transitions for expanding/collapsing the sections.

Motion-Primitives

Border Trail

Animation

Animated border effect that moves along the edges of its parent container.

Motion-Primitives

Infinite Slider

Animation

Infinite 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

Magnetic

Animation

A magnetic effect for elements that allows them to be attracted to the mouse cursor.

Motion-Primitives

Progressive blur

Animation

A 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

Spotlight

Animation

A dynamic spotlight effect component that follows cursor movement.

Motion-Primitives

Text Loop

Animation

Text animation that transitions between multiple items, creating an engaging looping effect.

Motion-Primitives

Text Scramble

Animation

Text animation that transforms text by randomly cycling through characters before settling on the final content, creating an engaging cryptographic effect.

Motion-Primitives

Text Shimmer

Animation

Shimmer effect on text. Easily adjust the duration and the spread of the shimmer effect.

Motion-Primitives

Text Shimmer Wave

Animation

Shimmer wave effect on text. Easily adjust the wave effect, spread, duration, and more.

Motion-Primitives

Tilt

Animation

3D tilt effect that responds to mouse movement, enhancing UI elements with a dynamic depth effect, customizable rotation factors and spring options.

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.