PromptCSS
Beta Version

Prompt CSS

CSS prompt library for UI & motion effects

Stacked slides (sticky 100vh)
Slide 01

Stacked
Slides

Ces slides viennent de `demoProps` (pas en dur dans la démo).

Principe Neo-Brutaliste : Chaque section est en sticky top-0. L'effet "stack" est naturel : la slide suivante monte et recouvre la précédente car elles occupent toutes 100vh.

Slide 02

Stacked
Slides

`progress` (0..1) est calculé par `EffectScroller` sur le scroll du conteneur.

Principe Neo-Brutaliste : Chaque section est en sticky top-0. L'effet "stack" est naturel : la slide suivante monte et recouvre la précédente car elles occupent toutes 100vh.

Slide 03

Stacked
Slides

Tu peux remplacer ce texte par tes vrais contenus plus tard.

Principe Neo-Brutaliste : Chaque section est en sticky top-0. L'effet "stack" est naturel : la slide suivante monte et recouvre la précédente car elles occupent toutes 100vh.

Slide 04

Stacked
Slides

Si `demoProps.slides` est invalide, fallback sur des slides par défaut.

Principe Neo-Brutaliste : Chaque section est en sticky top-0. L'effet "stack" est naturel : la slide suivante monte et recouvre la précédente car elles occupent toutes 100vh.

Freescrollstickysnap

Stacked slides (sticky 100vh)

Scroll-snap + progress piloté par le conteneur.

Exemple de prompt (free).

Card stacking on scroll
Scroll progress0%
4 Cards
Neo BrutalismCarte A

Carte
A

Couleurs franches, bordures épaisses, et ombres dures.

« L'empilement progressif crée une hiérarchie visuelle naturelle lors du défilement. »

Scroll-drivenCarte B

Carte
B

L’empilement suit la progression de scroll (0..1).

« L'empilement progressif crée une hiérarchie visuelle naturelle lors du défilement. »

Mobile-firstCarte C

Carte
C

Lisible sur petit écran, confortable au doigt.

« L'empilement progressif crée une hiérarchie visuelle naturelle lors du défilement. »

PerformantCarte D

Carte
D

Animations activées uniquement quand la section est active.

« L'empilement progressif crée une hiérarchie visuelle naturelle lors du défilement. »

Freescrollcardsstackingneo-brutalism

Card stacking on scroll (neo-brutalism)

Des cartes qui s’empilent progressivement pendant le scroll.

Exemple de prompt (free).