Sections & UIIntermediate
Floating 3D phones app showcase (CSS 3D)
Three floating phones in real CSS 3D, each running live, animated app screens — balance, spending ring, cards — on a soft light landing page for a finance app.
Oct 26, 2026
— Prompts · Sections & UI
Sections & UI
Pricing, portfolios, app mockups and the other blocks every site needs.
55 prompts · 6 categories · included with the course
9 prompts
- Live demo
- Live demo
Sections & UIIntermediateAmber CRT terminal hero you can type into (WebGL)
A retro-futurist studio page with a curved, glowing CRT monitor that boots up and runs real commands — scanlines, bloom and phosphor trails in one shader.
Oct 26, 2026 - Live demo
Sections & UIIntermediatePixel-dissolve portfolio grid (canvas 2D)
A clean designer portfolio whose code-drawn project covers dissolve into rippling pixels under the cursor, with a View cursor and animated filter chips.
Oct 26, 2026 - Live demo
Sections & UIIntermediatePage-flip magazine with corner drag (CSS 3D)
An independent magazine you can leaf through: drag a page corner and it folds over with curl shading, or use the arrows, contents and keyboard.
Oct 26, 2026 - Live demo
Sections & UIBeginnerSaaS pricing with a monthly / yearly toggle
Three plans, a sliding billing toggle and prices that count to their new value when you switch.
Oct 26, 2026 - Live demo
Sections & UIIntermediateDeveloper portfolio with a working terminal
A bold portfolio hero with an auto-typing terminal that visitors can actually type commands into.
Oct 26, 2026 - Live demo
Sections & UIBeginnerLocal business page with a clickable booking card
Editorial serif design for a barbershop or studio, with a service → day → time booking card that really works.
Oct 26, 2026 - Live demo
Sections & UIBeginnerLaunch page with a live countdown
A starry particle background, a real countdown to your launch date and a waitlist form with validation.
Oct 26, 2026 - Live demo
Sections & UIIntermediateBento grid features section with live visuals
Six feature tiles in a bento layout — a self-drawing chart, growing budget bars, pulsing security and a rotating orbit.
Oct 26, 2026
— Beyond prompts
Learn to build the whole app, not just paste the prompt
Every prompt here comes from a lesson where you build the feature step by step, test it and ship it.