Mentalis — 3D Mental Wellness App Landing Page
Mental wellness app landing page in one HTML file: Meditation & mental-health apps · therapy and coaching platforms · sleep and focus products · wellbeing programmes.
A complete, scrollable mental wellness app landing page with the 3D built into it: Meditation & mental-health apps · therapy and coaching platforms · sleep and focus products · wellbeing programmes. It is one self-contained HTML file, built entirely in code, with no image files, no 3D models and no build step. Under the hood: Three.js, 30,000-point Fibonacci globe with layered value-noise "busy mind" displacement, shader morphs into latitude rings, a breathing torus and a still wave surface, pointer lens and travelling click ripples. What a visitor can do: hover the globe to quiet the noise under the cursor, click to send a ripple across it, press and hold to breathe in (the globe swells and settles, with a live breathe in / out cue), 4 presets (Mist, Sage, Linen, Dusk). Best for: Meditation & mental-health apps, therapy and coaching platforms, sleep and focus products, wellbeing programmes. Three.js loads from a CDN through an import map and the type (Fraunces, Figtree, DM Mono) from Google Fonts, so there is still nothing to install. The page is real HTML — a navigation bar, a full-height hero, content sections, a call to action and a footer — so the brand name, headlines and cards are edited as plain text. Colours, counts and speeds sit in a CONFIG block and a PRESETS array, colour themes restyle the page and the 3D together from a small swatch pill, ?embed hides the pill and ?tour scrolls the page by itself.
Paste the prompt intoClaude CodeCursorAntigravityWindsurfLovableBoltv0
What's in the source
5 files — one self-contained page that opens in a browser, with the prompt that made it.
3d-mentalis/ ├─ PROMPT.md ├─ index.html └─ … 3 more
How to run this
Nothing to install and nothing to configure. Works in any modern browser on Windows, macOS and Linux.
- Built with
- Single HTML file
- Requires
- A modern browser
- 1. Unzip the download.
- 2. Double-click index.html. It opens in your browser and runs. To serve it instead (some browsers want a server), run
npx serve .in the folder and openhttp://localhost:3000.
Note — Three.js loads from the jsDelivr CDN through an import map, so the first load needs an internet connection. Its typefaces load from Google Fonts, with system fallbacks if they cannot. It is a full landing page: upload index.html to any static host and it is live. Add ?embed to hide the theme pill, ?preset=N to start on a colour theme, and ?tour to scroll the page automatically.
Questions about Mentalis
Who is Mentalis for?
Mentalis is for designers, developers and agencies who want an interactive 3D moment on a site, as a hero, a product reveal or a whole landing page. Ask your AI to make it about your brand and it rewrites the copy, colours and images around the same build.
What is Mentalis built with?
Mentalis is built with Three.js, particles and shaders. The source is a single HTML file: open it in a browser and it runs, with no build step. The prompt is written for coding agents such as Claude Code, Cursor and Antigravity.
Can I use Mentalis for a client project?
Yes. Every purchase includes a commercial licence: use it in your own projects and in work you deliver to clients, including paid client work, change and rebrand it, and publish the result with no credit needed. What you can't do is resell, share or republish the prompt or the source files themselves.
Should I buy the prompt or the source?
The prompt is the written brief that built the design: paste it into a coding agent such as Claude Code, Cursor or Antigravity and it builds the site on your computer, which you then refine. The source is the finished project itself, ready to run exactly as the preview shows. The source always includes the prompt.
Will the prompt give me exactly the preview?
Not exactly, and that's expected. A prompt is a starting point: AI output varies between tools and between runs, so plan to refine spacing, timing and copy. The source pack is the preview itself, finished and running.
Can I get a refund?
Single designs are final once delivered, unless something is wrong on our side: a broken or empty download, a pack that isn't what its page describes, or a double charge. Then email support@brandmotion.in with your receipt and we fix it or refund it. The full terms are on the refunds page.
More like this
Browse 3D designs →
PremiumFilament Ops — 3D Operations Automation SaaS Landing Page
Operations automation SaaS landing page in one HTML file: DevOps & SRE platforms · AI automation startups · infrastructure and observability tools · B2B workflow products.
PremiumTerrarium Orb — 3D Terrarium Atelier Landing Page
Terrarium atelier landing page in one HTML file: Plant and terrarium studios · craft and slow-living brands · boutique homeware shops · nature and wellness products.
PremiumParticle Tree — 3D AI Insurance-Operations Landing Page
AI insurance-operations landing page in one HTML file: Insurtech & AI SaaS · claims and underwriting platforms · fintech & risk analytics · enterprise B2B launches.
