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 25

Scroll Progress

Animation

Animated Scroll Progress for your pages

Magic UI

Scroll Progress

Animation

Animated scroll progress for your web pages.

Motion-Primitives

Scroll Based Velocity

Animation

Scrolling text whose speed changes based on scroll speed

Magic UI

Text Reveal

Animation

Fade in text as you scroll down the page.

Magic UI

Animated Grid Pattern

Animation

A animated background grid pattern made with SVGs, fully customizable using Tailwind CSS.

Magic UI

Animated List

Animation

A list that animates each item in sequence with a delay. Used to showcase notifications or events on your landing page.

Magic UI

Dot Pattern

Animation

A background dot pattern made with SVGs, fully customizable using Tailwind CSS.

Magic UI

Flickering Grid

Animation

A flickering grid background made with SVGs, fully customizable using Tailwind CSS.

Magic UI

Grid Pattern

Animation

A background grid pattern made with SVGs, fully customizable using Tailwind CSS.

Magic UI

Hexagon Pattern

Animation

A background hexagon pattern made with SVGs, fully customizable using Tailwind CSS.

Magic UI

Interactive Grid Pattern

Animation

A interactive background grid pattern made with SVGs, fully customizable using Tailwind CSS.

Magic UI

Marquee

Animation

An infinite scrolling component that can be used to display text, images, or videos.

Magic UI

Progressive Blur

Animation

Add a progressive blur effect to scrollable content

Magic UI

Striped Pattern

Animation

A background striped pattern made with SVGs, fully customizable using Tailwind CSS.

Magic UI

Cursor

Animation

A custom cursor component with optional spring animations. It can be globally applied to the page or attached specifically to a parent element.

Motion-Primitives

In View

Animation

Easily animate elements when they come into view. You can apply animations to elements when they enter the viewport, or when they are fully visible.

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

Text Roll

Animation

A 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.