PromptsCSS
Beta Version

Prompts CSS

UI prompts for vibecoders

Copy-paste ready prompts for Cursor and modern AI builders. Create clean animations, micro-interactions, and polished interfaces instantly.

What it is

This library focuses on intent, not implementation.

Each prompt describes a visual or interaction effect in plain language, without mentioning frameworks or tools.

The goal is to make UI ideas easy to understand, easy to reuse, and easy to adapt — whether you're prototyping, learning, or building production interfaces.

How it works

Every prompt follows the same philosophy:

  • 1

    One clear intention

  • 2

    No technical constraints

  • 3

    One or more real demos showing what the prompt means in practice

You decide how to implement it.

The prompt just defines the outcome.

Free Examples

Stacked slides Sticky 100vh
Scroll progress0%
4 Slides
Slide 01

Stacked
Slides

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Slide 02

Stacked
Slides

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Slide 03

Stacked
Slides

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Slide 04

Stacked
Slides

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

FreeStack

Stacked slides Sticky 100vh

Create stacked slides effect. Each section is position sticky, top 0, height 100vh.

Fade in on scroll
Animation01

Card
01

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

« Lorem ipsum dolor sit amet, consectetur adipiscing elit. »

Tech02

Card
02

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

« Lorem ipsum dolor sit amet, consectetur adipiscing elit. »

Design03

Card
03

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

« Lorem ipsum dolor sit amet, consectetur adipiscing elit. »

UX04

Card
04

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

« Lorem ipsum dolor sit amet, consectetur adipiscing elit. »

Custom05

Card
05

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

« Lorem ipsum dolor sit amet, consectetur adipiscing elit. »

FreeReveal

Fade in on scroll

Fade elements in as they enter the viewport on scroll.

Simple parallax background slower

Simple
Parallax

Background moves at 40% speed

FreeParallax

Simple parallax background slower

Create a simple parallax effect. Background moves slower than the scroll.

Why it exists

UI inspiration is often too abstract, and code examples are often too specific.

This library sits in between: clear intentions backed by concrete results.

Pricing

For $19.99, you get access to everything.

A single purchase that unlocks the full prompt library — plus future updates.

  • 1

    All prompts in one place

  • 2

    Lifetime access (no subscription)

  • 3

    Future additions included

Lifetime access – $19.99

One-time purchase. No subscription.