50:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 51:T44c,

Just launched CodeCraft a dark, glossy Framer template for AI coding tools and developer products. ⚡️

I wanted a SaaS template that actually feels like a dev tool, a live editor mockup in the hero, a pixel-shader background, and pages developer products really need Docs, Changelog and a Status page with uptime bars and latency charts.

What's inside

• 17 responsive pages, hand tuned for desktop, tablet and phone

• CMS-powered Blog, Careers and Changelog

• Pricing with a monthly/annual toggle and animated price change

• Subtle interactions: word-by-word headline reveal, scroll fade-ins, card hover lifts

• 35+ components built on shared color and text styles

• Glossy illustrations that are simple image swaps, so rebranding takes minutes

It respects Reduced Motion and keeps animations light, so it stays fast.

Would love to hear what you think and if you build something with it, tag me. I'd love to see it. 🙌

52:T755,

CodeCraft is a dark, glossy SaaS template built for AI coding tools, developer platforms and technical products. It gives your product a sharp, credible presence from the first scroll — and every page is ready to launch.

Perfect for:

AI coding assistants and dev tools
Developer platforms, APIs and SDKs
Technical SaaS startups and indie builders
Products that need docs, a changelog and a status page

17 responsive pages

Home, Features, Languages, Pricing, Docs, Changelog, About, Careers, Job details, Blog, Blog post, FAQ, Contact, Status, Privacy, Terms and Security, each one tuned for desktop, tablet and phone.

Powered by CMS

Blog posts, careers listings and changelog releases are CMS collections, so publishing updates takes seconds.

Built for developer products

WebGL pixel hero with a live editor mockup
Bento capability grid and use-case cards
Pricing with a monthly/annual toggle and animated price change
Plan comparison that switches to a mobile-friendly layout
Docs page with a scroll-aware section nav
Status page with uptime bars and a latency chart
AQ accordion, integrations orbit and contact form
Subtle, performance-friendly motion

Headlines reveal word by word, sections fade in on scroll and cards lift on hover. Animations respect Reduced Motion and pause when off-screen.

Easy to make your own

Shared color and text styles, 35+ components with variants and hover states, and image-based illustrations you can swap in one click. Feature cards have an Illustration property, and the Glossy Orb component lets you create matching card art with any icon.

53:T799,

I built an aurora hero with a pixel-dither effect for Framer, with a typewriter prompt box

Hey everyone,

I made a hero section for AI and developer-tool sites and wanted to share it.

A dark hero with an aurora background drawn in raw WebGL, with no external libraries. Soft layers of light drift behind the headline, and an ordered-dither pixel effect makes individual pixels crawl as the colors shift. Under the headline is a glass-style prompt box whose placeholder types out example prompts in a loop.

Color values: ControlType.Color can return hex, rgb() or hsl() strings. Parse all three, or a value you didn't expect will quietly fall back to a default color.

Ordered dithering: Pin a fixed threshold pattern to the screen and quantize each pixel block against it. Because the pattern doesn't move, the pixels flip between levels as the image behind them drifts. That flipping is the crawling effect.

Keeping the hero dark in any theme: Framer publishes color styles as CSS variables. A small code override that redeclares them on the hero element re-themes everything inside it, including component instances, without touching the rest of the page.

Typewriter placeholder: A code override changes the input's placeholder directly, so the input's actual value is never touched.

Customizable from the properties panel Background and three aurora colors, speed, scale, distortion, grain, pixel size, pixel amount, color steps, cursor glow, and a freeze switch.

I'd like to hear how it performs on your devices, especially older phones. Happy to answer questions about the WebGL setup or the overrides.

Preview: https://pixel-hero.framer.website/

54:T87a,

Transform Your Practice with an Immersive, Serene Digital Sanctuary.

AuraTherapy is a premium, high-converting Framer website template designed specifically for mental health professionals, private practices, therapy clinics, and wellness coaches.

Crafted with a minimalist earth-toned aesthetic. AuraTherapy delivers an Awwwards-level experience that calms visitors and turns clicks into booked client intake sessions.

Key Features & Highlights

100% Fully Responsive: Pixel-perfect optimization across Desktop, Tablet, and Mobile devices.
Fully Customizable Navigation Bar: Flexible, customizable header layout equipped with quick booking CTAs and floating mobile-friendly navigation.
Instant WhatsApp Integration: Built-in floating chat widget for direct client inquiries, session rate questions, and immediate communication.
Ambient Background Audio Player: Built-in soothing sound toggle with custom equalizer animations to instantly lower visitor stress.
Conversion-Driven Layouts: Structured specifically for real-world practices—includes Specialties Grid, Modalities, Clear Investment/Pricing, FAQ Accordions, and Booking CTAs.
No Code Required: Built natively for Framer—edit colors, typography, links, and content visually in seconds.

Pages Included

Home Page: Full high-converting landing page with WebGL interactions, interactive specialties, animated stats counters, therapy packages, and FAQs.
Contact & Form Page: Dedicated, empathetic intake page featuring a built-in confidential message form, direct booking integrations, and essential crisis support callouts.
Journal / Blog Page: Clean CMS layout to publish wellness insights, articles, and SEO content.
Custom 404 Page: Serene error page designed to seamlessly guide lost visitors back to safety.

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2-all:/unified/creator/1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2/activity/":[{"data":[{"id":"01a0e266-bbc1-7067-89aa-e7afcd058186","type":"template.created","target":{"type":"template","id":"74030","preview":"Code-Craft","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2/01a0e258-830b-767d-844b-c5089c72d4b1.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2","name":"Thisara Prabhath","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2/u6x9r823","slug":"thisara-prabhath","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-27T10:26:18.689Z","latestAt":"2026-09-27T10:26:18.689Z"},{"id":"01a0b9f0-8d09-736a-81de-cb3692577a6d","type":"comment.liked","target":{"type":"comment","id":"01a0b57b-1b82-7443-a014-d423c6156cdc","preview":"Clean template","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean template"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fe10b-6c96-7419-b1d1-b236c7351ff4","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0b57b-1b82-7443-a014-d423c6156cdc"},"repost":null}},"context":{"type":"post","id":"019fe10b-6c96-7419-b1d1-b236c7351ff4","preview":"AuraTheraphy","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2/019feb5b-e679-76c3-aa2e-bfa79af99403.png","targetDeleted":false,"owned":true,"actions":{"postId":"019fe10b-6c96-7419-b1d1-b236c7351ff4","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2","name":"Thisara Prabhath","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2/u6x9r823","slug":"thisara-prabhath","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-19T13:52:24.835Z","latestAt":"2026-09-19T13:52:24.835Z"},{"id":"01a0b9f0-7547-746b-9309-5d909131a1d8","type":"comment.reply","target":{"type":"post","id":"019fe10b-6c96-7419-b1d1-b236c7351ff4","preview":"AuraTheraphy","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2/019feb5b-e679-76c3-aa2e-bfa79af99403.png","targetDeleted":false,"owned":true,"actions":{"postId":"019fe10b-6c96-7419-b1d1-b236c7351ff4","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0b9f0-7528-7545-89ab-736453fbb84c","preview":"Thank you very much","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you very much"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fe10b-6c96-7419-b1d1-b236c7351ff4","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0b57b-1b82-7443-a014-d423c6156cdc"},"repost":null}},"actors":[{"id":"1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2","name":"Thisara Prabhath","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2/u6x9r823","slug":"thisara-prabhath","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-19T13:52:18.759Z","latestAt":"2026-09-19T13:52:18.759Z"},{"id":"019fe10b-6e6c-7138-af0d-549ffb7e3d34","type":"template.created","target":{"type":"template","id":"70940","preview":"AuraTheraphy","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2/019feb5b-e679-76c3-aa2e-bfa79af99403.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2","name":"Thisara Prabhath","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2/u6x9r823","slug":"thisara-prabhath","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-08T11:04:10.604Z","latestAt":"2026-08-08T11:04:10.604Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2:/unified/posts/?creator=1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2&with=reposts":[{"data":[{"id":"01a0e266-b9a0-71b8-a726-7cf4844cbe06","title":null,"body":"$51","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched CodeCraft a dark, glossy Framer template for AI coding tools and developer products.","marks":[{"type":"bold"}]},{"type":"text","text":" ⚡️"}]},{"type":"paragraph","content":[{"type":"text","text":"I wanted a SaaS template that actually feels like a dev tool, a live editor mockup in the hero, a pixel-shader background, and pages developer products really need Docs, Changelog and a Status page with uptime bars and latency charts."}]},{"type":"paragraph","content":[{"type":"text","text":"What's inside","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• 17 responsive pages, hand tuned for desktop, tablet and phone"}]},{"type":"paragraph","content":[{"type":"text","text":"• CMS-powered Blog, Careers and Changelog"}]},{"type":"paragraph","content":[{"type":"text","text":"• Pricing with a monthly/annual toggle and animated price change"}]},{"type":"paragraph","content":[{"type":"text","text":"• Subtle interactions: word-by-word headline reveal, scroll fade-ins, card hover lifts"}]},{"type":"paragraph","content":[{"type":"text","text":"• 35+ components built on shared color and text styles"}]},{"type":"paragraph","content":[{"type":"text","text":"• Glossy illustrations that are simple image swaps, so rebranding takes minutes"}]},{"type":"paragraph","content":[{"type":"text","text":"It respects Reduced Motion and keeps animations light, so it stays fast."}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to hear what you think and if you build something with it, tag me. I'd love to see it. "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]}]},"author":{"framerUserId":"1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2","name":"Thisara Prabhath","slug":"thisara-prabhath","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2/u6x9r823","followed":false,"followsYou":false},"media":[],"resources":[{"id":"74030","resolved":true,"title":"Code-Craft","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"CodeCraft is a dark, glossy SaaS template built for AI coding tools, developer platforms and technical products. It gives your product a sharp, credible presence from the first scroll — and every page is ready to launch."}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect for:","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"AI coding assistants and dev tools"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Developer platforms, APIs and SDKs"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Technical SaaS startups and indie builders"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Products that need docs, a changelog and a status page"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"17 responsive pages"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Home, Features, Languages, Pricing, Docs, Changelog, About, Careers, Job details, Blog, Blog post, FAQ, Contact, Status, Privacy, Terms and Security, each one tuned for desktop, tablet and phone."}]},{"type":"customHeading","content":[{"type":"text","text":"Powered by CMS"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Blog posts, careers listings and changelog releases are CMS collections, so publishing updates takes seconds."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for developer products","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"WebGL pixel hero with a live editor mockup"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Bento capability grid and use-case cards"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pricing with a monthly/annual toggle and animated price change"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Plan comparison that switches to a mobile-friendly layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Docs page with a scroll-aware section nav"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Status page with uptime bars and a latency chart"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"AQ accordion, integrations orbit and contact form"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Subtle, performance-friendly motion"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Headlines reveal word by word, sections fade in on scroll and cards lift on hover. Animations respect Reduced Motion and pause when off-screen."}]},{"type":"paragraph","content":[{"type":"text","text":"Easy to make your own"}]},{"type":"paragraph","content":[{"type":"text","text":"Shared color and text styles, 35+ components with variants and hover states, and image-based illustrations you can swap in one click. Feature cards have an Illustration property, and the Glossy Orb component lets you create matching card art with any icon."}]}]},"introduction":"AI code generation SaaS template","slug":"code-craft","author":{"framerUserId":"1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2","name":"Thisara Prabhath","slug":"thisara-prabhath","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2/u6x9r823","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2/01a0e258-830b-767d-844b-c5089c72d4b1.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2/01a0e263-e5db-716b-89d4-91289b0c9450.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2/01a0e263-f391-754d-a5ac-b14967f01946.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2/01a0e264-0586-73db-8c17-6aa7f453b96f.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-27T10:26:17.475Z","updatedAt":"2026-09-27T10:26:17.475Z","publishedAt":"2026-09-27T10:26:17.471Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"99","paymentUrl":"https://contra.com/payment-link/5pTXW0ft-ai-code-generation-saa-s-template","remixUrl":null,"previewUrl":"https://code-craft.framer.website/","categories":[],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":2,"name":"SaaS","slug":"saas"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-27T10:26:18.144Z","updatedAt":"2026-09-27T10:26:18.144Z"},{"id":"01a0bb9c-eaf8-7638-bc54-eeca596d7943","title":null,"body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I built an aurora hero with a pixel-dither effect for Framer, with a typewriter prompt box","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Hey everyone,"}]},{"type":"paragraph","content":[{"type":"text","text":"I made a hero section for AI and developer-tool sites and wanted to share it."}]},{"type":"paragraph","content":[{"type":"text","text":"A dark hero with an aurora background drawn in raw WebGL, with no external libraries. Soft layers of light drift behind the headline, and an ordered-dither pixel effect makes individual pixels crawl as the colors shift. Under the headline is a glass-style prompt box whose placeholder types out example prompts in a loop."}]},{"type":"paragraph","content":[{"type":"text","text":"Color values:","marks":[{"type":"bold"}]},{"type":"text","text":" ControlType.Color can return hex, rgb() or hsl() strings. Parse all three, or a value you didn't expect will quietly fall back to a default color."}]},{"type":"paragraph","content":[{"type":"text","text":"Ordered dithering:","marks":[{"type":"bold"}]},{"type":"text","text":" Pin a fixed threshold pattern to the screen and quantize each pixel block against it. Because the pattern doesn't move, the pixels flip between levels as the image behind them drifts. That flipping is the crawling effect."}]},{"type":"paragraph","content":[{"type":"text","text":"Keeping the hero dark in any theme:","marks":[{"type":"bold"}]},{"type":"text","text":" Framer publishes color styles as CSS variables. A small code override that redeclares them on the hero element re-themes everything inside it, including component instances, without touching the rest of the page."}]},{"type":"paragraph","content":[{"type":"text","text":"Typewriter placeholder:","marks":[{"type":"bold"}]},{"type":"text","text":" A code override changes the input's placeholder directly, so the input's actual value is never touched."}]},{"type":"paragraph","content":[{"type":"text","text":"Customizable from the properties panel","marks":[{"type":"bold"}]},{"type":"text","text":" Background and three aurora colors, speed, scale, distortion, grain, pixel size, pixel amount, color steps, cursor glow, and a freeze switch."}]},{"type":"paragraph","content":[{"type":"text","text":"I'd like to hear how it performs on your devices, especially older phones. Happy to answer questions about the WebGL setup or the overrides."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Preview: "},{"type":"text","text":"https://pixel-hero.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://pixel-hero.framer.website/","target":"_blank"}}]}]}]},"author":{"framerUserId":"1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2","name":"Thisara Prabhath","slug":"thisara-prabhath","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2/u6x9r823","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/pYGjMGmQaG35euV2NaJvWBB00nS0101nz00YLHu81ODvEsw.m3u8","metadata":{"posterUrl":"https://image.mux.com/pYGjMGmQaG35euV2NaJvWBB00nS0101nz00YLHu81ODvEsw/thumbnail.webp?time=10.691","aspectRatio":"245:124","duration":19.9}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-09-19T21:41:03.318Z","createdAt":"2026-09-19T21:40:18.300Z","updatedAt":"2026-09-19T21:41:03.318Z"},{"id":"019fe10b-6c96-7419-b1d1-b236c7351ff4","title":null,"body":"

Excited to introduce AuraTherapy, an Awwwards-inspired Framer template crafted specifically for mental health professionals, therapy clinics, and wellness coaches.

Completely free. Get it now.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Excited to introduce "},{"type":"text","text":"AuraTherapy","marks":[{"type":"bold"}]},{"type":"text","text":", an Awwwards-inspired Framer template crafted specifically for mental health professionals, therapy clinics, and wellness coaches."}]},{"type":"paragraph","content":[{"type":"text","text":"Completely free. Get it now."}]}]},"author":{"framerUserId":"1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2","name":"Thisara Prabhath","slug":"thisara-prabhath","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2/u6x9r823","followed":false,"followsYou":false},"media":[],"resources":[{"id":"70940","resolved":true,"title":"AuraTheraphy","body":"$54","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Transform Your Practice with an Immersive, Serene Digital Sanctuary."}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"AuraTherapy","marks":[{"type":"bold"}]},{"type":"text","text":" is a premium, high-converting Framer website template designed specifically for mental health professionals, private practices, therapy clinics, and wellness coaches."}]},{"type":"paragraph","content":[{"type":"text","text":"Crafted with a minimalist earth-toned aesthetic. AuraTherapy delivers an Awwwards-level experience that calms visitors and turns clicks into booked client intake sessions."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features & Highlights"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"100% Fully Responsive:","marks":[{"type":"bold"}]},{"type":"text","text":" Pixel-perfect optimization across Desktop, Tablet, and Mobile devices."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Customizable Navigation Bar:","marks":[{"type":"bold"}]},{"type":"text","text":" Flexible, customizable header layout equipped with quick booking CTAs and floating mobile-friendly navigation."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Instant WhatsApp Integration:","marks":[{"type":"bold"}]},{"type":"text","text":" Built-in floating chat widget for direct client inquiries, session rate questions, and immediate communication."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ambient Background Audio Player:","marks":[{"type":"bold"}]},{"type":"text","text":" Built-in soothing sound toggle with custom equalizer animations to instantly lower visitor stress."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Conversion-Driven Layouts:","marks":[{"type":"bold"}]},{"type":"text","text":" Structured specifically for real-world practices—includes Specialties Grid, Modalities, Clear Investment/Pricing, FAQ Accordions, and Booking CTAs."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No Code Required:","marks":[{"type":"bold"}]},{"type":"text","text":" Built natively for Framer—edit colors, typography, links, and content visually in seconds."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Pages Included"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Home Page:","marks":[{"type":"bold"}]},{"type":"text","text":" Full high-converting landing page with WebGL interactions, interactive specialties, animated stats counters, therapy packages, and FAQs."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact & Form Page:","marks":[{"type":"bold"}]},{"type":"text","text":" Dedicated, empathetic intake page featuring a built-in confidential message form, direct booking integrations, and essential crisis support callouts."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Journal / Blog Page:","marks":[{"type":"bold"}]},{"type":"text","text":" Clean CMS layout to publish wellness insights, articles, and SEO content."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom 404 Page:","marks":[{"type":"bold"}]},{"type":"text","text":" Serene error page designed to seamlessly guide lost visitors back to safety."}]}]}]}]},"introduction":"Mental Health & Wellness","slug":"auratheraphy","author":{"framerUserId":"1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2","name":"Thisara Prabhath","slug":"thisara-prabhath","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2/u6x9r823","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2/019feb5b-e679-76c3-aa2e-bfa79af99403.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1208,"height":840}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2/019feb5c-09e8-708c-9391-654bce19d156.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2/019feb5c-172c-766b-a896-8497f871db61.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2/019feb5c-28be-70d7-99f2-a19b89fa7e9f.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1fbb0f3b-fc41-4b1f-9a53-900b286c4fc2/019feb5c-3b1b-72a9-9461-6c89433bcac8.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-08T11:04:09.746Z","updatedAt":"2026-08-30T17:20:33.397Z","publishedAt":"2026-08-08T11:04:09.743Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/GkbnWcL","remixUrl":"https://framer.link/GkbnWcL","previewUrl":"https://auratheraphy.framer.website/","categories":[{"id":13,"name":"Health","slug":"health"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":218,"name":"Free","slug":"free-website-templates"},{"id":257,"name":"Therapy","slug":"therapy"}],"styles":[],"mainCategory":{"id":257,"name":"Therapy","slug":"therapy"},"features":[{"id":21,"name":"CMS","slug":"cms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":3,"edited":true,"editedAt":"2026-08-30T17:20:34.346Z","createdAt":"2026-08-08T11:04:10.135Z","updatedAt":"2026-08-30T17:20:34.346Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L55"}]