Fintech Landing Template
A complete fintech landing page: a 3D card that tilts toward the pointer beside a live, ticking balance, a bento of product mock-ups, a pinned cash-flow chart that draws itself as transactions stream in, a security vault, stats, pricing and FAQ.
AI prompt
Recreate this effect with any AI tool
Paste into Claude, Cursor, v0, Lovable or Bolt. 6232 words of exact values — rewritten live as you tune the Playground.
Prompts are for subscribers
Subscribe to copy this prompt in every format, rewritten live to match your Playground settings.
Loading prompt…
Couldn’t load the prompt
Check your connection and try again.
Source
Full source code
Source code is for subscribers
Subscribe to read, copy and download the full HTML, CSS and JavaScript of this demo.
Loading source code…
Couldn’t load the source code
Check your connection and try again.
medium SaaS Landing Template
A complete light, colourful B2B SaaS landing page: a product dashboard that assembles itself in a 3D-tilted hero, a logo marquee, bento features, a pinned four-step tour whose UI changes per step, count-up stats, a monthly/yearly pricing toggle, FAQ and CTA.
- gsap
- scrolltrigger
- splittext
- svg
medium Portfolio Landing Template
A one-page portfolio for an invented designer-developer: a screen-wide name whose letters rise and thicken under the cursor, a pinned sideways gallery of six original project posters that open into case studies, services, process, FAQ and a copy-email contact.
- gsap
- scrolltrigger
- splittext
- svg
WebGL Product Launch Template
A full light-palette launch page for an invented smart speaker: a procedural Three.js model on a drag-to-turn turntable, a pinned scroll that turns and opens it into four parts with leader-line callouts, specs, colourways, sizes, reviews, pre-order and FAQ.
- gsap
- scrolltrigger
- splittext
- threejs
medium Orrin & Hale — Type-led Brand Agency
A light, type-led agency landing page: the studio name fills the first screen and squashes with scroll speed, then six pinned case panels letter each client's SVG wordmark beside its photo, with a hover/slider weight axis.
- gsap
- scrolltrigger
- splittext
- svg