62:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 63:T58d,

Promessa is Italian for "promise". It's a cinematic, one-page wedding website built around the moment two people make one.

The design is dark and editorial: ivory type on ink, a soft sage accent, and a pair of glass rings that catch the light as the page loads. Every section moves. Names write themselves in, split apart as you scroll, and give way to a story that reveals itself word by word.

What's inside

• Animated preloader, custom cursor and film grain

• Chrome ring hero with a spinning save-the-date seal

• Our Story with a word-by-word reveal and fanned photos

• "Us, in numbers" with hover effects

• Details cards that reveal photos on hover

• Order of the Day with a floating photo preview that follows your cursor

• Draggable photo gallery and a live countdown

• Travel & stay, and a working RSVP form

• Custom 404 page, social share image and favicon

• Fully responsive on desktop, tablet and phone

• Free fonts only: Pinyon Script and General Sans

Built for couples who want their wedding site to feel like the invitation, not an afterthought. Everything is built with components and styles, so changing names, dates, colours and photos takes minutes. A setup guide is included on the canvas.

64:T629,

Slow Chrome is a cinematic album release template for artists, bands and labels.

Most music templates show your songs. Slow Chrome plays them. Every track in the CMS gets a play button that streams your MP3 into a floating player with cover art, skip, seek and lock screen controls. The player follows visitors across pages and moves through the album in order.

A vinyl record slides out of its sleeve as you scroll and spins while the music plays. The cover opens on a looping stage-light video behind an edge-to-edge chrome title.

Everything runs from the CMS. Add a release, drop in the MP3s, and it appears on the discography with its own page for the tracklist, liner notes and lyrics.

Features

• Real audio player with floating mini player

• Vinyl record that spins with playback

• Looping cover video, original and license free

• Release pages with tracklist, credits and lyrics

• Tour page with sold out states and ticket links

• Pre-save and contact forms with loading and success states

• Streaming links for Spotify, Apple Music, YouTube Music, Bandcamp, SoundCloud and Tidal

• Custom Play and View cursors, preloader, text reveals and scroll effects

• One color style recolors the whole site

• Desktop, tablet and phone layouts on every page

• Setup guide on the canvas

Pages: Home, Music, Release (CMS), Tour, About, Contact, 404

CMS: Releases, Tracks, Shows, Press

65:T44b,

Halflight: a free Framer template for music festivals 🎟️

I just released Halflight, a bold, poster-style template for festivals, concert series and live events. It's free to remix.

What's inside:

• Home, Artist, News, News post and 404 pages

• Artists and News on the CMS: add an artist once and they show up in the ticker, lineup grid and their own page

• Headliner toggle plus day and stage dropdowns

• Letter-by-letter headline reveals, page transitions and staggered card animations

• "View" and "Read" follow cursors

• Newsletter form with sending, success and error states

• Tokenised colours and type, so one Accent change restyles the whole site

• Desktop, tablet and phone breakpoints, plus a setup guide on the canvas

Preview and remix: https://framer.link/095QYh5

Would love to see what festivals you build with it.

66:T5ef,

Halflight is a bold, free Framer template for music festivals, concert series and live events. Big condensed type, a hot-orange accent and skewed, poster-style details give it the energy of a gig flyer, while a clean structure keeps lineups, tickets and news easy to update.

Pages

- Home with hero, lineup, about, stages, tickets, venue and latest news

- Artist detail page with bio, set time, stage and listen link

- News index and news post pages

- 404 page

Built to be edited

- Artists and News run on the CMS. Add an artist and they appear in the hero ticker, the lineup grid and their own page.

- Mark headliners to move them to the front, and pick day and stage from simple dropdowns.

- Colours and text styles are tokenised, so one change to the Accent colour restyles the whole site.

- Reusable components: Button, Navigation, Submit Button and Cursor.

Motion and interaction

- Page transitions and letter-by-letter headline reveals

- Staggered card animations and hover lifts

- "View" and "Read" follow cursors on artist and news cards

- Newsletter form with sending, success and error states

- Scrolling artist ticker

Fully responsive on desktop, tablet and phone, with a sticky navigation and a phone menu that closes itself when you tap a link. A setup guide is included on the canvas to help you get your festival online fast.

67:T827,

Ferreira is an editorial portfolio template for photographers. It's built around quiet typography, generous space and your pictures, so the work does the talking.

The home page opens with a full-screen name hero and a single portrait, then moves through a statement, featured projects, a hover-to-preview index, testimonials, recent journal notes and a closing contact block. Visitors browse through a compact round menu that stays in the top corner.

Pages

- Home

- Work, with category filters

- Project detail

- Journal

- Journal post

- Prints

- About

- Contact

- 404

- Style Guide

Features

- CMS-powered: Projects, Journal and Prints collections, each with its own list and detail pages.

- Filterable work grid: visitors can narrow projects by Editorial, Commercial, Campaign, Portraits or Personal.

- Hover preview index: project names reveal their cover image, which follows the cursor.

- Light and dark mode: light by default, with a toggle that remembers each visitor's choice.

- Print shop layout: framed previews, sizes, edition counts, prices and sold-out badges.

- Contact form and FAQ accordion: both ready to use.

- Thoughtful motion: entrance animations, image zooms and smooth page transitions.

- Fully responsive: tuned for desktop, tablet and phone.

- Easy to rebrand: five colour styles and a small set of text styles drive the whole site.

- Built-in guidance: a setup guide on the canvas and a style guide page.

Fonts

Gambetta and Inter. Both are free for commercial use.

Made for

Editorial, fashion, documentary, travel and portrait photographers, and any visual artist who wants a portfolio that feels considered rather than templated.

68:T4a4,

Nell Voss is a bold, multi-page Framer template for musicians, singers and bands who want a website as loud as their music. Hot magenta on ink, ultra-wide type and tinted photography give it a gig-poster feel, and every accent changes from a single colour style.

Pages

• Home, Music, Release, Tour, About, Contact and 404

Highlights

• Ticket-stub tour dates that switch between On Sale, Few Left and Sold Out straight from the CMS

• Latest release with tracklist, streaming buttons and liner notes

• Merch grid, featured videos, press quotes and email sign-up

• Automatic duotone photos: drop in any image and it matches your accent

• Live accent switcher in the preview with six colours

• Preloader, text reveals, scroll and hover animations

Built to edit

• CMS collections for Releases, Shows, Videos, Press and Merch

• Reusable components, colour styles and text styles

• Desktop, tablet and phone layouts on every page

• Setup guide included on the canvas

Sample images are from Unsplash.

69:T5a7,

Mask Spotlight stacks two layers and lets a soft circle of light follow the cursor, revealing the second layer through the first. Dark becomes lit, flat becomes colour, wireframe becomes finished.

The reveal is a real mask, not a tinted overlay, so the layer underneath shows through at full quality: type stays type, images stay sharp. Because both layers are yours, the pairing is up to you. Night and day, empty and annotated, before and after all work.

Nine property controls cover the size of the light, how soft its edge is, how quickly it follows and whether it overshoots, the fade in and out, invert, and whether a hint of the reveal shows before the cursor arrives.

Three ways to set it

Hero. A big, soft light that drifts after the pointer.

Torch. A small, sharp light that tracks closely.

Inverted. The light hides the second layer instead of revealing it.

Setting up

Paste the component link into your Framer project's Insert panel. Nothing to install. Put one layer in Base and one in Reveal.

Good to know

Both layers need to sit at the top level of your page, alongside the breakpoint frame. That is how Framer slots work.

Give both layers the same size and line their content up, or things will appear to jump as the light passes. It responds to a mouse only.

6a:T73f,

Hover Preview List turns a list into a project index with a preview that follows the cursor. Hover a row and its image fades in under the pointer, trailing just behind it. Move to the next row and the picture swaps in place rather than flying back in. Leave, and it fades out while still following.

Put your list items in Rows and their images in Previews, in the same order. A preview can be any layer, so a photo, a video or a card all work, and each one is sized to fill the preview box. Seventeen property controls cover preview size, corner radius, offset from the cursor, how closely it follows, fade, grow in, tilt, dimming the other rows, dividers, gap and stacking order.

Why it holds up

The preview is pinned to the window rather than drawn inside the list, so a section with Clip Content, an overlay, a later section or a page scroll cannot cut it off, cover it or pull it away from the cursor. It keeps working inside your own components and overlays. Nothing listens to the page while the pointer is elsewhere, hidden videos pause, and by default it sits below a custom cursor.

Setting up

Paste the component link into your Framer project's Insert panel. Nothing to install. Leave Previews empty to try it on placeholders first, and turn on Show On Canvas to see the image while you design.

Good to know

Every layer in Rows and Previews needs to sit at the top level of your page, alongside the breakpoint frame. That is how Framer slots work.

It responds to a mouse or pen. Phones and tablets have no cursor to follow, so on touch the rows behave as normal rows.

Embedded YouTube or Vimeo players inside a preview keep their own playback settings. Regular video and audio pause while their preview is hidden.

6b:T628,

Kernal is a dark, developer-focused Framer template for AI infrastructure, agent platforms and developer tools. Its signature is live ASCII art: animated character fields that ripple, glow and warp as visitors move their cursor.

Every page is built to feel like a real product. There's a terminal hero, a JSON config block, a machine dashboard and a live agent desktop, all set in Geist and Geist Mono.

Pages

• Home

• Features

• Pricing with FAQ

• Changelog

• Blog and blog post pages

• About with team

• Contact with a working form

• Legal pages for Privacy, Terms and Security

• 404

Highlights

• ASCII Field component with five patterns: wave, orb, noise, rings and terrain. Cursor glow and warp effects are built in.

• ASCII Image component that turns any photo into an ASCII portrait.

• Three CMS collections: Posts, Changelog and Legal.

• Logo marquee, pricing plans, FAQ accordion and animated stat counters.

• Contact form with sending, success and error states.

• Fully responsive on desktop, tablet and phone, with a mobile menu.

• Colour and text styles, so rebranding takes minutes.

• Effects pause when offscreen and respect reduced-motion settings.

• A setup guide inside the project walks you through every change.

Made for AI startups, agent platforms, cloud and infrastructure tools, APIs and developer products.

6c:T5b3,

Falling Image Trail lays images down behind the cursor as it moves. Each one pops in with a little spin, then falls away and fades on its own. The studio portfolio effect, without writing it.

Spacing decides how far the cursor travels before the next image appears, so the trail can be sparse and deliberate or crowded and busy without changing the speed of anything else.

Ten property controls cover your images, their size and corner radius, spacing, how many are on screen at once, how far they fall, how long they last, spin, and bounce.

Three ways to set it

Studio portfolio. Tall frames, a steady rhythm, a gentle spin.

Tight and fast. Many small drops that clear quickly.

Slow and heavy. A few big frames that hang before they fall.

Setting up

Paste the component link into your Framer project's Insert panel. Nothing to install. Add your images one at a time; they appear along the trail in the order you add them. It ships with gradient shapes so it works before you add anything.

Good to know

The trail only draws inside the component, so give it room. A full width hero is where it looks best.

It runs on published sites and in preview; on the canvas it holds still so it stays easy to select. It responds to a mouse only, so scrolling on a phone never leaves images stranded.

6d:T5f4,

FLIP Modal is a grid where clicking a tile sends it flying out of its slot to become the panel, then back to the exact slot it came from when you close it.

The tile is carried, not copied. Most expanding galleries draw a second copy inside the overlay and fade between the two, which restarts whatever was inside: a video jumps back to zero, an embed reloads. This moves the original layer, so everything inside keeps playing through the transition.

It is keyboard complete. Tab reaches every tile, Enter opens, focus stays inside the panel while it is open and returns to the tile on close, and Escape always closes. Visitors who ask their system for reduced motion get the panel without the flight.

Fourteen property controls cover columns, gap, tile shape, corner radius, open size, whether the panel keeps the tile's shape, travel time and easing, backdrop colour and blur, the close button, and click outside to close.

Setting up

Paste the component link into your Framer project's Insert panel. Nothing to install. Leave the Items slot empty to tune it on placeholders first.

Good to know

Every layer in the Items slot needs to sit at the top level of your page, alongside the breakpoint frame. That is how Framer slots work.

Because the panel is the tile itself, design each tile to look right both small and large. Keep Aspect on for photos so nothing stretches; turn it off for cards of text.

6e:T629,

Draggable Canvas lays out a grid of your layers that visitors grab and throw around. It keeps gliding after they let go, and in infinite mode it tiles itself so the grid never runs out in any direction.

It is built to stay out of the way. Dragging never goes through React, the frame loop only runs while something is moving, and it stops entirely when the canvas scrolls off screen. An idle canvas costs nothing.

Fourteen property controls cover columns, item size, gap, infinite tiling, elastic edges, drag speed, momentum, an ambient drift and its direction, edge fade, the grab cursor, and what a finger does.

Three ways to set it

Hero. Infinite, softly faded at the edges, drifting slowly when nobody is holding it.

Portfolio wall. A bounded grid that stretches past its edges and pulls back.

Dense field. Small tiles that outrun the pointer.

Setting up

Paste the component link into your Framer project's Insert panel. Nothing to install. Leave the Items slot empty to tune the feel on placeholders first.

Good to know

Every layer in the Items slot needs to sit at the top level of your page, alongside the breakpoint frame. That is how Framer slots work.

Decide the Touch setting before you ship. Dragging on both axes stops the page scrolling while a finger is on the canvas, which traps a phone reader in a full width hero. Horizontal keeps the page scrollable. The arrow keys pan the canvas too.

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-54198757-9b1f-4b7c-8c24-6d45816d4d5c-all:/unified/creator/54198757-9b1f-4b7c-8c24-6d45816d4d5c/activity/":[{"data":[{"id":"01a0b5e0-945e-762c-9fc4-bf8b801d324b","type":"template.created","target":{"type":"template","id":"73373","preview":"Promessa","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a0b5de-5148-748c-a014-3a177385d097.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","slug":"gwatsinthong","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-18T18:56:29.278Z","latestAt":"2026-09-18T18:56:29.278Z"},{"id":"01a0b49e-3dc6-70df-93d0-a30fe8f60f05","type":"comment.created","target":{"type":"post","id":"01a0b3e0-39b0-7787-803e-2618f40e19de","preview":"Working on my next Framer template \n — starting with a bold watch hero section.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Working on my next Framer template "}]},{"type":"paragraph","content":[{"type":"text","text":" — starting with a bold watch hero section."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1c3f8c0e-9a84-4398-b943-070b6a20c51a/01a0b3df-3dc0-772a-b80c-20b5e32ac69f.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0b3e0-39b0-7787-803e-2618f40e19de","like":{"count":22,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0b49e-3dae-709c-8244-174f24b22f22","preview":"looking incredible","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"looking incredible"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0b3e0-39b0-7787-803e-2618f40e19de","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0b49e-3dae-709c-8244-174f24b22f22"},"repost":null}},"actors":[{"id":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","slug":"gwatsinthong","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T13:04:24.518Z","latestAt":"2026-09-18T13:04:24.518Z"},{"id":"01a0b49e-17d0-731b-9cc1-521c804eeb55","type":"post.liked","target":{"type":"post","id":"01a0b3e0-39b0-7787-803e-2618f40e19de","preview":"Working on my next Framer template \n — starting with a bold watch hero section.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Working on my next Framer template "}]},{"type":"paragraph","content":[{"type":"text","text":" — starting with a bold watch hero section."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1c3f8c0e-9a84-4398-b943-070b6a20c51a/01a0b3df-3dc0-772a-b80c-20b5e32ac69f.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0b3e0-39b0-7787-803e-2618f40e19de","like":{"count":22,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","slug":"gwatsinthong","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T13:04:14.796Z","latestAt":"2026-09-18T13:04:14.796Z"},{"id":"01a0b49d-aeb9-725f-92aa-68ed19edc6ff","type":"comment.created","target":{"type":"post","id":"01a0b49c-c5f2-739e-88a6-def7a7cb82c6","preview":"Recent work @Framer","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Recent work "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]}]},"thumbnail":"https://image.mux.com/Cfv6Ohu8uekbyRpZqgGGc2H1IBkgDuidNFEqQ201YHG00/thumbnail.webp?time=7.767","targetDeleted":false,"owned":false,"actions":{"postId":"01a0b49c-c5f2-739e-88a6-def7a7cb82c6","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0b49d-aea5-77ab-88d5-dfdbecbeea50","preview":"i love the bg","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"i love the bg"}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0b49c-c5f2-739e-88a6-def7a7cb82c6","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0b49d-aea5-77ab-88d5-dfdbecbeea50"},"repost":null}},"actors":[{"id":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","slug":"gwatsinthong","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T13:03:47.897Z","latestAt":"2026-09-18T13:03:47.897Z"},{"id":"01a0b49d-53c1-7566-bd3b-e6bbd28cc5ce","type":"post.liked","target":{"type":"post","id":"01a0b49c-c5f2-739e-88a6-def7a7cb82c6","preview":"Recent work @Framer","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Recent work "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]}]},"thumbnail":"https://image.mux.com/Cfv6Ohu8uekbyRpZqgGGc2H1IBkgDuidNFEqQ201YHG00/thumbnail.webp?time=7.767","targetDeleted":false,"owned":false,"actions":{"postId":"01a0b49c-c5f2-739e-88a6-def7a7cb82c6","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","slug":"gwatsinthong","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T13:03:24.599Z","latestAt":"2026-09-18T13:03:24.599Z"},{"id":"01a0b3ae-ea50-7058-96f7-df27e76fffd8","type":"creator.followed","target":{"type":"creator","id":"e5e8b149-2f2a-4cd0-8568-4df402d67b79","preview":"Phoebe Lim","previewJson":null,"thumbnail":null,"slug":"phoebe-lim","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","slug":"gwatsinthong","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T08:43:00.035Z","latestAt":"2026-09-18T08:43:00.035Z"},{"id":"01a0b332-de9f-734d-ae97-f58aefe5ce8d","type":"template.created","target":{"type":"template","id":"73336","preview":"Slow Chrome","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a0b331-a9d2-70ee-8138-59cfa1c8f494.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","slug":"gwatsinthong","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-18T06:27:30.591Z","latestAt":"2026-09-18T06:27:30.591Z"},{"id":"01a0b31d-3f23-735e-a3c6-247b3a758594","type":"comment.reply","target":{"type":"post","id":"01a0b004-b1e2-705d-882c-6d625f663a2d","preview":"Just released Halflight, a free Framer template for music festivals 🎶\n→ CMS lineup + artist pages\n→ Letter-by-letter reveals + page transitions\n→ Custom follow cursors\n→ Fully responsive\nRemix it free 👇\nhttps://framer.link/095QYh5\n#Framer #WebDesign","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just released "},{"type":"text","text":"Halflight","marks":[{"type":"bold"}]},{"type":"text","text":", a free Framer template for music festivals "},{"type":"emoji","attrs":{"name":"notes","emoji":"🎶"}}]},{"type":"paragraph","content":[{"type":"text","text":"→ CMS lineup + artist pages"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Letter-by-letter reveals + page transitions"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Custom follow cursors"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Fully responsive"}]},{"type":"paragraph","content":[{"type":"text","text":"Remix it "},{"type":"text","text":"free ","marks":[{"type":"bold"}]},{"type":"text","text":"👇"}]},{"type":"paragraph","content":[{"type":"text","text":"https://framer.link/095QYh5","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/095QYh5","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #WebDesign"}]}]},"thumbnail":"https://image.mux.com/MTqfYf873tfT00FeSKuIFzJWB1ALoNAM900bi4gHe66pA/thumbnail.webp?time=34.867","targetDeleted":false,"owned":true,"actions":{"postId":"01a0b004-b1e2-705d-882c-6d625f663a2d","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0b31d-3f0c-73ee-ab98-9f0cd925a2d4","preview":"Thank you!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you! "}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0b004-b1e2-705d-882c-6d625f663a2d","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0b00c-e53e-7486-8cec-27cad9af34c4"},"repost":null}},"actors":[{"id":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","slug":"gwatsinthong","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T06:03:53.507Z","latestAt":"2026-09-18T06:03:53.507Z"},{"id":"01a0b31c-e538-7386-a552-1a3b4cac89a0","type":"comment.liked","target":{"type":"comment","id":"01a0b00c-e53e-7486-8cec-27cad9af34c4","preview":"Love the energy on this one 🤟","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Love the energy on this one "},{"type":"emoji","attrs":{"name":"love_you_gesture","emoji":"🤟"}},{"type":"text","text":" "}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0b004-b1e2-705d-882c-6d625f663a2d","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0b00c-e53e-7486-8cec-27cad9af34c4"},"repost":null}},"context":{"type":"post","id":"01a0b004-b1e2-705d-882c-6d625f663a2d","preview":"Just released Halflight, a free Framer template for music festivals 🎶\n→ CMS lineup + artist pages\n→ Letter-by-letter reveals + page transitions\n→ Custom follow cursors\n→ Fully responsive\nRemix it free 👇\nhttps://framer.link/095QYh5\n#Framer #WebDesign","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just released "},{"type":"text","text":"Halflight","marks":[{"type":"bold"}]},{"type":"text","text":", a free Framer template for music festivals "},{"type":"emoji","attrs":{"name":"notes","emoji":"🎶"}}]},{"type":"paragraph","content":[{"type":"text","text":"→ CMS lineup + artist pages"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Letter-by-letter reveals + page transitions"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Custom follow cursors"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Fully responsive"}]},{"type":"paragraph","content":[{"type":"text","text":"Remix it "},{"type":"text","text":"free ","marks":[{"type":"bold"}]},{"type":"text","text":"👇"}]},{"type":"paragraph","content":[{"type":"text","text":"https://framer.link/095QYh5","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/095QYh5","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #WebDesign"}]}]},"thumbnail":"https://image.mux.com/MTqfYf873tfT00FeSKuIFzJWB1ALoNAM900bi4gHe66pA/thumbnail.webp?time=34.867","targetDeleted":false,"owned":true,"actions":{"postId":"01a0b004-b1e2-705d-882c-6d625f663a2d","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","slug":"gwatsinthong","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T06:03:30.485Z","latestAt":"2026-09-18T06:03:30.485Z"},{"id":"01a0b003-cc66-74ba-9a1b-db85444d5565","type":"template.created","target":{"type":"template","id":"73304","preview":"Halflight Fest","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a0affe-2aa2-758a-8886-1ee5947f9c81.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","slug":"gwatsinthong","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-17T15:37:14.086Z","latestAt":"2026-09-17T15:37:14.086Z"},{"id":"01a0abbb-b98f-774d-a1b8-db35e36a1661","type":"template.created","target":{"type":"template","id":"73259","preview":"Ferreira","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a0abba-9020-749f-a348-2b6576c24f35.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","slug":"gwatsinthong","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-16T19:40:01.807Z","latestAt":"2026-09-16T19:40:01.807Z"},{"id":"01a0a953-7983-71f1-9890-24e8bef49dc7","type":"post.liked","target":{"type":"post","id":"01a0a84c-23e8-7495-a026-1d66dc45f832","preview":"I used to think finishing a Framer template meant: \nDesign → Build → Responsive → Publish. \nWorking on Athana made me add another step: \nHow easy is this going to be for someone else to maintain? \nThat question completely changed how I built the template. \nFor Athana, I used Framer’s CMS List feature to move repetitive content out of the canvas. Services, process steps, testimonials, FAQs, and other repeated content can now be managed from their respective Lists. \nInstead of editing every card individually, you can update the content in the CMS and have it automatically appear in the corresponding section on the Home page. \nI also reorganized the components around this approach so the design stays consistent while the content remains flexible. \nIt took some rethinking of how I normally build templates, but Athana is now complete and live on the Framer Marketplace. \nPreview :","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I used to think finishing a Framer template meant: "}]},{"type":"paragraph","content":[{"type":"text","text":"Design → Build → Responsive → Publish. "}]},{"type":"paragraph","content":[{"type":"text","text":"Working on Athana made me add another step: "}]},{"type":"paragraph","content":[{"type":"text","text":"How easy is this going to be for someone else to maintain? "}]},{"type":"paragraph","content":[{"type":"text","text":"That question completely changed how I built the template. "}]},{"type":"paragraph","content":[{"type":"text","text":"For Athana, I used Framer’s CMS List feature to move repetitive content out of the canvas. Services, process steps, testimonials, FAQs, and other repeated content can now be managed from their respective Lists. "}]},{"type":"paragraph","content":[{"type":"text","text":"Instead of editing every card individually, you can update the content in the CMS and have it automatically appear in the corresponding section on the Home page. "}]},{"type":"paragraph","content":[{"type":"text","text":"I also reorganized the components around this approach so the design stays consistent while the content remains flexible. "}]},{"type":"paragraph","content":[{"type":"text","text":"It took some rethinking of how I normally build templates, but Athana is now complete and live on the Framer Marketplace. "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Preview : "}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0a84c-23e8-7495-a026-1d66dc45f832","like":{"count":12,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","slug":"gwatsinthong","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T08:26:55.230Z","latestAt":"2026-09-16T08:26:55.230Z"},{"id":"01a0a4a4-ca8f-70e9-a722-479d37f69dc4","type":"template.created","target":{"type":"template","id":"73139","preview":"Nell Voss","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a0a4a3-cd78-7515-a1df-99019c1b95ce.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","slug":"gwatsinthong","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-15T10:37:38.319Z","latestAt":"2026-09-15T10:37:38.319Z"},{"id":"01a0a0f5-79f9-7288-b772-b21f9330f3f0","type":"component.created","target":{"type":"component","id":"tEWKLi4go6PWEG4iaXoG","preview":"Mask Spotlight","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a0a0f5-2e5d-7008-98e7-a208e26ae154.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","slug":"gwatsinthong","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-14T17:27:17.241Z","latestAt":"2026-09-14T17:27:17.241Z"},{"id":"01a09fda-b8aa-772a-9b6e-bdc2ab38553a","type":"creator.followed","target":{"type":"creator","id":"57cdac9d-cbd0-4513-a0cf-f4e25007d1fa","preview":"Allsite Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/57cdac9d-cbd0-4513-a0cf-f4e25007d1fa/rxadq5kn","slug":"ben-libor","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","slug":"gwatsinthong","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T12:18:26.564Z","latestAt":"2026-09-14T12:18:26.564Z"},{"id":"01a09fda-3014-7189-be06-90d35fc597f5","type":"creator.followed","target":{"type":"creator","id":"fbbfbfc4-611c-4ee7-9558-90509c39dc73","preview":"Pixcut Studio LLC","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/fbbfbfc4-611c-4ee7-9558-90509c39dc73/y2h59lr2","slug":"pixcut-studio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","slug":"gwatsinthong","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T12:17:51.566Z","latestAt":"2026-09-14T12:17:51.566Z"},{"id":"01a09fd9-c6ef-72de-b61c-6545789a210a","type":"creator.followed","target":{"type":"creator","id":"92c2a437-4e58-4cd2-9a23-5fd81786f849","preview":"Webnity X","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/92c2a437-4e58-4cd2-9a23-5fd81786f849/fs1ughi6","slug":"webnity-x","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","slug":"gwatsinthong","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T12:17:24.647Z","latestAt":"2026-09-14T12:17:24.647Z"},{"id":"01a09fd9-be62-77f4-8e78-373e15e70703","type":"creator.followed","target":{"type":"creator","id":"e0222182-3d74-4d56-b2d9-eba289a28fa5","preview":"Andres","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e0222182-3d74-4d56-b2d9-eba289a28fa5/ubt5ticx","slug":"andres-jimmy","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","slug":"gwatsinthong","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T12:17:22.512Z","latestAt":"2026-09-14T12:17:22.512Z"},{"id":"01a09fd9-99a5-7467-a286-95101938427b","type":"creator.followed","target":{"type":"creator","id":"6a76cbc8-eb2e-47d6-ade7-8039eff75335","preview":"Pixels71","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/veo2gf33","slug":"pixels71","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","slug":"gwatsinthong","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-14T12:17:13.120Z","latestAt":"2026-09-14T12:17:13.120Z"},{"id":"01a09f97-2865-76e5-a363-2440bdb7147b","type":"component.created","target":{"type":"component","id":"lFJ0d3XDQkH9iS2zn3hg","preview":"Hover Preview List","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a09f96-cd64-73af-9eba-f41a2233f574.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","slug":"gwatsinthong","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-14T11:04:38.757Z","latestAt":"2026-09-14T11:04:38.757Z"}],"pagination":{"next":"MjAyNi0wOS0xNFQxMTowNDozOC43NTdafDAxYTA5Zjk3LTI4NjUtNzZlNS1hMzYzLTI0NDBiZGI3MTQ3Yg","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:54198757-9b1f-4b7c-8c24-6d45816d4d5c:/unified/posts/?creator=54198757-9b1f-4b7c-8c24-6d45816d4d5c&with=reposts":[{"data":[{"id":"01a0b5e2-0cb3-754a-a496-ce10068f9631","title":null,"body":"

Promessa, a wedding site that moves like a film.

The name is Italian for "promise". Glass rings, names that write themselves in, a story that reveals word by word, and a schedule where photos follow your cursor.

Live preview: promessa.framer.website

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Promessa","marks":[{"type":"bold"}]},{"type":"text","text":", a wedding site that moves like a film."}]},{"type":"paragraph","content":[{"type":"text","text":"The name is "},{"type":"text","text":"Italian ","marks":[{"type":"italic"}]},{"type":"text","text":"for \""},{"type":"text","text":"promise","marks":[{"type":"bold"}]},{"type":"text","text":"\". Glass rings, names that write themselves in, a story that reveals word by word, and a schedule where photos follow your cursor."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Live preview:"},{"type":"text","text":" promessa.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"http://promessa.framer.website?via=W0d7QEm","target":"_blank"}}]}]}]},"author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/FWzkCSoHF9YIbYpmC86hsWTAIEDzVTnPjVCMR02y57PU.m3u8","metadata":{"posterUrl":"https://image.mux.com/FWzkCSoHF9YIbYpmC86hsWTAIEDzVTnPjVCMR02y57PU/thumbnail.webp?time=17.308","aspectRatio":"644:367","duration":86.8}}],"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":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-18T18:58:05.624Z","updatedAt":"2026-09-18T18:58:05.624Z"},{"id":"01a0b5e0-9227-76d9-9799-2afd52432cbd","title":null,"body":"

New template: Promessa 💍

Promessa means "promise" in Italian. It's a one-page wedding website for couples who want something that feels like the invitation itself.

• Chrome ring hero and animated preloader

• Word-by-word story reveal

• Hover photo preview schedule

• Live countdown and RSVP form

• Free fonts, fully responsive

$49 on the Framer Marketplace.

Preview: promessa.framer.website

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New template: "},{"type":"text","text":"Promessa ","marks":[{"type":"bold"}]},{"type":"emoji","attrs":{"name":"ring","emoji":"💍"}}]},{"type":"paragraph","content":[{"type":"text","text":"Promessa means \""},{"type":"text","text":"promise","marks":[{"type":"bold"}]},{"type":"text","text":"\" in "},{"type":"text","text":"Italian","marks":[{"type":"italic"}]},{"type":"text","text":". It's a one-page wedding website for couples who want something that feels like the invitation itself."}]},{"type":"paragraph","content":[{"type":"text","text":"• Chrome ring hero and animated preloader"}]},{"type":"paragraph","content":[{"type":"text","text":"• Word-by-word story reveal"}]},{"type":"paragraph","content":[{"type":"text","text":"• Hover photo preview schedule"}]},{"type":"paragraph","content":[{"type":"text","text":"• Live countdown and RSVP form"}]},{"type":"paragraph","content":[{"type":"text","text":"• Free fonts, fully responsive"}]},{"type":"paragraph","content":[{"type":"text","text":"$$49 ","marks":[{"type":"bold"}]},{"type":"text","text":"on the Framer Marketplace."}]},{"type":"paragraph","content":[{"type":"text","text":"Preview: "},{"type":"text","text":"promessa.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://promessa.framer.website?via=W0d7QEm","target":"_blank"}}]}]}]},"author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[],"resources":[{"id":"73373","resolved":true,"title":"Promessa","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Promessa ","marks":[{"type":"bold"}]},{"type":"text","text":"is Italian for \""},{"type":"text","text":"promise","marks":[{"type":"italic"}]},{"type":"text","text":"\". It's a cinematic, one-page wedding website built around the moment two people make one."}]},{"type":"paragraph","content":[{"type":"text","text":"The design is "},{"type":"text","text":"dark ","marks":[{"type":"bold"}]},{"type":"text","text":"and "},{"type":"text","text":"editorial","marks":[{"type":"italic"}]},{"type":"text","text":": ivory type on ink, a soft sage accent, and a pair of glass rings that catch the light as the page loads. Every section moves. Names write themselves in, split apart as you scroll, and give way to a story that reveals itself word by word."}]},{"type":"paragraph","content":[{"type":"text","text":"What's inside","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Animated preloader, custom cursor and film grain"}]},{"type":"paragraph","content":[{"type":"text","text":"• Chrome ring hero with a spinning save-the-date seal"}]},{"type":"paragraph","content":[{"type":"text","text":"• Our Story with a word-by-word reveal and fanned photos"}]},{"type":"paragraph","content":[{"type":"text","text":"• \"Us, in numbers\" with hover effects"}]},{"type":"paragraph","content":[{"type":"text","text":"• Details cards that reveal photos on hover"}]},{"type":"paragraph","content":[{"type":"text","text":"• Order of the Day with a floating photo preview that follows your cursor"}]},{"type":"paragraph","content":[{"type":"text","text":"• Draggable photo gallery and a live countdown"}]},{"type":"paragraph","content":[{"type":"text","text":"• Travel & stay, and a working RSVP form"}]},{"type":"paragraph","content":[{"type":"text","text":"• Custom 404 page, social share image and favicon"}]},{"type":"paragraph","content":[{"type":"text","text":"• Fully responsive on desktop, tablet and phone"}]},{"type":"paragraph","content":[{"type":"text","text":"• Free fonts only: Pinyon Script and General Sans"}]},{"type":"paragraph","content":[{"type":"text","text":"Built for couples who want their wedding site to feel like the invitation, not an afterthought. Everything is built with components and styles, so changing names, dates, colours and photos takes minutes. A setup guide is included on the canvas."}]}]},"introduction":"Cinematic Wedding Website Template","slug":"promessa","author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a0b5de-5148-748c-a014-3a177385d097.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"video","url":"https://stream.mux.com/aH4cV02rirV0100DlNGaicJbkhPwdrRR8ynaxSQGrFiY600.m3u8","metadata":{"posterUrl":"https://image.mux.com/aH4cV02rirV0100DlNGaicJbkhPwdrRR8ynaxSQGrFiY600/thumbnail.webp?time=17.308","aspectRatio":"644:367","duration":86.8}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a0b5de-507c-7109-ac41-9a6986158e3a.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a0b5de-509b-724a-b958-99986ee7c1d7.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a0b5de-507f-74e5-a732-d68a8a5fc1e3.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-18T18:56:28.068Z","updatedAt":"2026-09-18T18:56:28.068Z","publishedAt":"2026-09-18T18:56:28.064Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"49","paymentUrl":"https://buy.polar.sh/polar_cl_WRgkqTGmzswmM8sXkevN0wWgJog6VyVmw0lTt1BQrSu","remixUrl":null,"previewUrl":"https://promessa.framer.website/","categories":[{"id":16,"name":"Personal","slug":"personal"},{"id":290,"name":"Events","slug":"events"},{"id":293,"name":"Weddings","slug":"weddings"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":293,"name":"Weddings","slug":"weddings"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-18T18:56:28.711Z","updatedAt":"2026-09-18T18:56:28.711Z"},{"id":"01a0b334-795f-72f5-b959-2f247d11a975","title":null,"body":"

Most music templates show your songs. This one plays them.

Slow Chrome has a real audio player built in. Hit play on any track and it keeps going while you browse the tour, lyrics and press. The record spins while it plays. 🎧

New album release template, out now.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Most music templates show your songs. This one plays them."}]},{"type":"paragraph","content":[{"type":"text","text":"Slow Chrome has a real audio player built in. Hit play on any track and it keeps going while you browse the tour, lyrics and press. The record spins while it plays. 🎧"}]},{"type":"paragraph","content":[{"type":"text","text":"New album release template, out now."}]}]},"author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/3NvcmnUyfadVIIujgHq2YxCYLyp9JxvzJUUl5BLPZ2M.m3u8","metadata":{"posterUrl":"https://image.mux.com/3NvcmnUyfadVIIujgHq2YxCYLyp9JxvzJUUl5BLPZ2M/thumbnail.webp?time=30.923","aspectRatio":"642:367","duration":61.833333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-18T06:29:15.746Z","updatedAt":"2026-09-18T06:29:15.746Z"},{"id":"01a0b332-dc6f-77f9-a864-7758b31e424e","title":null,"body":"

Slow Chrome is live on the Framer Marketplace.

An album release template for artists, bands and labels:

• Real MP3 player that follows you across pages

• Vinyl that spins with playback

• Looping cover video with a chrome title

• Release pages with tracklist, credits and lyrics

• Tour dates, pre-save form, 7 pages, full CMS

$29. Preview it live and press play.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Slow Chrome is live on the Framer Marketplace."}]},{"type":"paragraph","content":[{"type":"text","text":"An album release template for artists, bands and labels:"}]},{"type":"paragraph","content":[{"type":"text","text":"• Real MP3 player that follows you across pages"}]},{"type":"paragraph","content":[{"type":"text","text":"• Vinyl that spins with playback"}]},{"type":"paragraph","content":[{"type":"text","text":"• Looping cover video with a chrome title"}]},{"type":"paragraph","content":[{"type":"text","text":"• Release pages with tracklist, credits and lyrics"}]},{"type":"paragraph","content":[{"type":"text","text":"• Tour dates, pre-save form, 7 pages, full CMS"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"$$29. Preview it live and press play."}]}]},"author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[],"resources":[{"id":"73336","resolved":true,"title":"Slow Chrome","body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Slow Chrome","marks":[{"type":"bold"}]},{"type":"text","text":" is a cinematic album release template for artists, bands and labels."}]},{"type":"paragraph","content":[{"type":"text","text":"Most music templates show your songs. Slow Chrome plays them. Every track in the CMS gets a play button that streams your MP3 into a floating player with cover art, skip, seek and lock screen controls. The player follows visitors across pages and moves through the album in order."}]},{"type":"paragraph","content":[{"type":"text","text":"A vinyl record slides out of its sleeve as you scroll and spins while the music plays. The cover opens on a looping stage-light video behind an edge-to-edge chrome title."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything runs from the CMS. Add a release, drop in the MP3s, and it appears on the discography with its own page for the tracklist, liner notes and lyrics."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Real audio player with floating mini player"}]},{"type":"paragraph","content":[{"type":"text","text":"• Vinyl record that spins with playback"}]},{"type":"paragraph","content":[{"type":"text","text":"• Looping cover video, original and license free"}]},{"type":"paragraph","content":[{"type":"text","text":"• Release pages with tracklist, credits and lyrics"}]},{"type":"paragraph","content":[{"type":"text","text":"• Tour page with sold out states and ticket links"}]},{"type":"paragraph","content":[{"type":"text","text":"• Pre-save and contact forms with loading and success states"}]},{"type":"paragraph","content":[{"type":"text","text":"• Streaming links for Spotify, Apple Music, YouTube Music, Bandcamp, SoundCloud and Tidal"}]},{"type":"paragraph","content":[{"type":"text","text":"• Custom Play and View cursors, preloader, text reveals and scroll effects"}]},{"type":"paragraph","content":[{"type":"text","text":"• One color style recolors the whole site"}]},{"type":"paragraph","content":[{"type":"text","text":"• Desktop, tablet and phone layouts on every page"}]},{"type":"paragraph","content":[{"type":"text","text":"• Setup guide on the canvas"}]},{"type":"paragraph","content":[{"type":"text","text":"Pages","marks":[{"type":"bold"}]},{"type":"text","text":": Home, Music, Release (CMS), Tour, About, Contact, 404"}]},{"type":"paragraph","content":[{"type":"text","text":"CMS","marks":[{"type":"bold"}]},{"type":"text","text":": Releases, Tracks, Shows, Press"}]}]},"introduction":"Album release site with MP3 player","slug":"slow-chrome","author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a0b331-a9d2-70ee-8138-59cfa1c8f494.png","metadata":{"tint":{"h":240,"s":67,"l":9},"width":1600,"height":1200}},{"type":"video","url":"https://stream.mux.com/Lk96SMkrgIwJc010000LnpFM7O4L901016qj3bDT1b4jNbTg.m3u8","metadata":{"posterUrl":"https://image.mux.com/Lk96SMkrgIwJc010000LnpFM7O4L901016qj3bDT1b4jNbTg/thumbnail.webp?time=30.923","aspectRatio":"642:367","duration":61.833333}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a0b331-aac3-751d-8058-34b09b509450.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a0b331-a9ea-723c-848e-de681b9610bc.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a0b331-aa88-70ff-aee3-df3d05bcf888.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-18T06:27:29.429Z","updatedAt":"2026-09-18T06:27:29.429Z","publishedAt":"2026-09-18T06:27:29.426Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"29","paymentUrl":"https://buy.polar.sh/polar_cl_rbp7hzEFNKERwlhwP6bUrFSPqyGarkmN5dFo11eXof5","remixUrl":null,"previewUrl":"https://slow-chrome.framer.website/","categories":[{"id":12,"name":"Entertainment","slug":"entertainment"},{"id":16,"name":"Personal","slug":"personal"},{"id":240,"name":"Music & Band","slug":"music-and-band"},{"id":267,"name":"Artists","slug":"artists"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":290,"name":"Events","slug":"events"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":247,"name":"Professional","slug":"professional"}],"mainCategory":{"id":292,"name":"Music","slug":"music"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-18T06:27:30.031Z","updatedAt":"2026-09-18T06:27:30.031Z"},{"id":"01a0b004-b1e2-705d-882c-6d625f663a2d","title":null,"body":"

Just released Halflight, a free Framer template for music festivals 🎶

→ CMS lineup + artist pages

→ Letter-by-letter reveals + page transitions

→ Custom follow cursors

→ Fully responsive

Remix it free 👇

https://framer.link/095QYh5

#Framer #WebDesign

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just released "},{"type":"text","text":"Halflight","marks":[{"type":"bold"}]},{"type":"text","text":", a free Framer template for music festivals "},{"type":"emoji","attrs":{"name":"notes","emoji":"🎶"}}]},{"type":"paragraph","content":[{"type":"text","text":"→ CMS lineup + artist pages"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Letter-by-letter reveals + page transitions"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Custom follow cursors"}]},{"type":"paragraph","content":[{"type":"text","text":"→ Fully responsive"}]},{"type":"paragraph","content":[{"type":"text","text":"Remix it "},{"type":"text","text":"free ","marks":[{"type":"bold"}]},{"type":"text","text":"👇"}]},{"type":"paragraph","content":[{"type":"text","text":"https://framer.link/095QYh5","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/095QYh5","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #WebDesign"}]}]},"author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/MTqfYf873tfT00FeSKuIFzJWB1ALoNAM900bi4gHe66pA.m3u8","metadata":{"posterUrl":"https://image.mux.com/MTqfYf873tfT00FeSKuIFzJWB1ALoNAM900bi4gHe66pA/thumbnail.webp?time=34.867","aspectRatio":"642:365","duration":49.800022}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-17T15:38:12.838Z","updatedAt":"2026-09-17T15:38:12.838Z"},{"id":"01a0b003-ca25-71a7-8dca-d97fd0db27c2","title":null,"body":"$65","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Halflight","marks":[{"type":"bold"}]},{"type":"text","text":": a "},{"type":"text","text":"free ","marks":[{"type":"italic"}]},{"type":"text","text":"Framer template for music festivals 🎟️"}]},{"type":"paragraph","content":[{"type":"text","text":"I just released Halflight, a bold, poster-style template for festivals, concert series and live events. It's free to remix."}]},{"type":"paragraph","content":[{"type":"text","text":"What's inside:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Home, Artist, News, News post and 404 pages"}]},{"type":"paragraph","content":[{"type":"text","text":"• Artists and News on the CMS: add an artist once and they show up in the ticker, lineup grid and their own page"}]},{"type":"paragraph","content":[{"type":"text","text":"• Headliner toggle plus day and stage dropdowns"}]},{"type":"paragraph","content":[{"type":"text","text":"• Letter-by-letter headline reveals, page transitions and staggered card animations"}]},{"type":"paragraph","content":[{"type":"text","text":"• \"View\" and \"Read\" follow cursors"}]},{"type":"paragraph","content":[{"type":"text","text":"• Newsletter form with sending, success and error states"}]},{"type":"paragraph","content":[{"type":"text","text":"• Tokenised colours and type, so one Accent change restyles the whole site"}]},{"type":"paragraph","content":[{"type":"text","text":"• Desktop, tablet and phone breakpoints, plus a setup guide on the canvas"}]},{"type":"paragraph","content":[{"type":"text","text":"Preview and remix","marks":[{"type":"italic"}]},{"type":"text","text":": "},{"type":"text","text":"https://framer.link/095QYh5","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/095QYh5","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to see what festivals you build with it."}]}]},"author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[],"resources":[{"id":"73304","resolved":true,"title":"Halflight Fest","body":"$66","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Halflight ","marks":[{"type":"bold"}]},{"type":"text","text":"is a bold, free Framer template for music festivals, concert series and live events. Big condensed type, a hot-orange accent and skewed, poster-style details give it the energy of a gig flyer, while a clean structure keeps lineups, tickets and news easy to update."}]},{"type":"paragraph","content":[{"type":"text","text":"Pages","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- Home with hero, lineup, about, stages, tickets, venue and latest news"}]},{"type":"paragraph","content":[{"type":"text","text":"- Artist detail page with bio, set time, stage and listen link"}]},{"type":"paragraph","content":[{"type":"text","text":"- News index and news post pages"}]},{"type":"paragraph","content":[{"type":"text","text":"- 404 page"}]},{"type":"paragraph","content":[{"type":"text","text":"Built to be edited","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- Artists and News run on the CMS. Add an artist and they appear in the hero ticker, the lineup grid and their own page."}]},{"type":"paragraph","content":[{"type":"text","text":"- Mark headliners to move them to the front, and pick day and stage from simple dropdowns."}]},{"type":"paragraph","content":[{"type":"text","text":"- Colours and text styles are tokenised, so one change to the Accent colour restyles the whole site."}]},{"type":"paragraph","content":[{"type":"text","text":"- Reusable components: Button, Navigation, Submit Button and Cursor."}]},{"type":"paragraph","content":[{"type":"text","text":"Motion and interaction"}]},{"type":"paragraph","content":[{"type":"text","text":"- Page transitions and letter-by-letter headline reveals"}]},{"type":"paragraph","content":[{"type":"text","text":"- Staggered card animations and hover lifts"}]},{"type":"paragraph","content":[{"type":"text","text":"- \"View\" and \"Read\" follow cursors on artist and news cards"}]},{"type":"paragraph","content":[{"type":"text","text":"- Newsletter form with sending, success and error states"}]},{"type":"paragraph","content":[{"type":"text","text":"- Scrolling artist ticker"}]},{"type":"paragraph","content":[{"type":"text","text":"Fully responsive on desktop, tablet and phone, with a sticky navigation and a phone menu that closes itself when you tap a link. A setup guide is included on the canvas to help you get your festival online fast."}]}]},"introduction":"Bold site for music festivals","slug":"halflight-fest","author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a0affe-2aa2-758a-8886-1ee5947f9c81.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"video","url":"https://stream.mux.com/W7XbR2B6e27B7jPioVi97I4Pe9UzT5UE9Zd6VmAoLC8.m3u8","metadata":{"posterUrl":"https://image.mux.com/W7XbR2B6e27B7jPioVi97I4Pe9UzT5UE9Zd6VmAoLC8/thumbnail.webp?time=34.867","aspectRatio":"642:365","duration":49.800022}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a0affe-2a9a-763c-a63b-3a9189482542.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a0affe-2b9b-708e-9ab3-3a307d88934f.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a0affe-2a94-7507-8bda-e6b60763e229.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-17T15:37:12.855Z","updatedAt":"2026-09-17T15:37:12.855Z","publishedAt":"2026-09-17T15:37:12.852Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/095QYh5","remixUrl":"https://framer.link/095QYh5","previewUrl":"https://halflight-music.framer.website/","categories":[{"id":12,"name":"Entertainment","slug":"entertainment"},{"id":240,"name":"Music & Band","slug":"music-and-band"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":290,"name":"Events","slug":"events"},{"id":292,"name":"Music","slug":"music"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":208,"name":"Dark","slug":"dark"},{"id":247,"name":"Professional","slug":"professional"}],"mainCategory":{"id":292,"name":"Music","slug":"music"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"id":21,"name":"CMS","slug":"cms"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-17T15:37:13.515Z","updatedAt":"2026-09-17T15:37:13.515Z"},{"id":"01a0abbb-b753-70e9-9efd-dac6e433a62a","title":null,"body":"

New template: Ferreira ✦

An editorial portfolio for photographers.

Full-screen name hero, a hover-to-preview project index, filterable work, a journal, a print shop, and light and dark mode that remembers each visitor's choice. All CMS-powered and fully responsive.

Made for photographers who want the work to do the talking.

Live preview → https://juno-ferreira.framer.website

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New template: Ferreira ✦"}]},{"type":"paragraph","content":[{"type":"text","text":"An editorial portfolio for photographers."}]},{"type":"paragraph","content":[{"type":"text","text":"Full-screen name hero, a hover-to-preview project index, filterable work, a journal, a print shop, and light and dark mode that remembers each visitor's choice. All CMS-powered and fully responsive."}]},{"type":"paragraph","content":[{"type":"text","text":"Made for photographers who want the work to do the talking."}]},{"type":"paragraph","content":[{"type":"text","text":"Live preview → "},{"type":"text","text":"https://juno-ferreira.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://juno-ferreira.framer.website","target":"_blank"}}]}]}]},"author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[],"resources":[{"id":"73259","resolved":true,"title":"Ferreira","body":"$67","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Ferreira ","marks":[{"type":"bold"}]},{"type":"text","text":"is an editorial portfolio template for photographers. It's built around quiet typography, generous space and your pictures, so the work does the talking."}]},{"type":"paragraph","content":[{"type":"text","text":"The home page opens with a full-screen name hero and a single portrait, then moves through a statement, featured projects, a hover-to-preview index, testimonials, recent journal notes and a closing contact block. Visitors browse through a compact round menu that stays in the top corner."}]},{"type":"paragraph","content":[{"type":"text","text":"Pages","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- Home"}]},{"type":"paragraph","content":[{"type":"text","text":"- Work, with category filters"}]},{"type":"paragraph","content":[{"type":"text","text":"- Project detail"}]},{"type":"paragraph","content":[{"type":"text","text":"- Journal"}]},{"type":"paragraph","content":[{"type":"text","text":"- Journal post"}]},{"type":"paragraph","content":[{"type":"text","text":"- Prints"}]},{"type":"paragraph","content":[{"type":"text","text":"- About"}]},{"type":"paragraph","content":[{"type":"text","text":"- Contact"}]},{"type":"paragraph","content":[{"type":"text","text":"- 404"}]},{"type":"paragraph","content":[{"type":"text","text":"- Style Guide"}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"CMS-powered:","marks":[{"type":"bold"}]},{"type":"text","text":" Projects, Journal and Prints collections, each with its own list and detail pages."}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Filterable work grid:","marks":[{"type":"bold"}]},{"type":"text","text":" visitors can narrow projects by Editorial, Commercial, Campaign, Portraits or Personal."}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Hover preview index:","marks":[{"type":"bold"}]},{"type":"text","text":" project names reveal their cover image, which follows the cursor."}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Light and dark mode:","marks":[{"type":"bold"}]},{"type":"text","text":" light by default, with a toggle that remembers each visitor's choice."}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Print shop layout:","marks":[{"type":"bold"}]},{"type":"text","text":" framed previews, sizes, edition counts, prices and sold-out badges."}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Contact form and FAQ accordion:","marks":[{"type":"bold"}]},{"type":"text","text":" both ready to use."}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Thoughtful motion:","marks":[{"type":"bold"}]},{"type":"text","text":" entrance animations, image zooms and smooth page transitions."}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Fully responsive:","marks":[{"type":"bold"}]},{"type":"text","text":" tuned for desktop, tablet and phone."}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Easy to rebrand:","marks":[{"type":"bold"}]},{"type":"text","text":" five colour styles and a small set of text styles drive the whole site."}]},{"type":"paragraph","content":[{"type":"text","text":"- "},{"type":"text","text":"Built-in guidance:","marks":[{"type":"bold"}]},{"type":"text","text":" a setup guide on the canvas and a style guide page."}]},{"type":"paragraph","content":[{"type":"text","text":"Fonts","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Gambetta and Inter. Both are free for commercial use."}]},{"type":"paragraph","content":[{"type":"text","text":"Made for","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Editorial, fashion, documentary, travel and portrait photographers, and any visual artist who wants a portfolio that feels considered rather than templated."}]}]},"introduction":"Editorial photography portfolio","slug":"ferreira","author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a0abba-9020-749f-a348-2b6576c24f35.png","metadata":{"tint":{"h":0,"s":50,"l":6},"width":1600,"height":1200}},{"type":"video","url":"https://stream.mux.com/00CUfeoMeKqznVSHFwK3vz00joaEfYs7EPPJynmECntJg.m3u8","metadata":{"posterUrl":"https://image.mux.com/00CUfeoMeKqznVSHFwK3vz00joaEfYs7EPPJynmECntJg/thumbnail.webp?time=9.62","aspectRatio":"641:363","duration":43.366667}}],"post":null,"createdAt":"2026-09-16T19:40:00.574Z","updatedAt":"2026-09-16T19:40:00.574Z","publishedAt":"2026-09-16T19:40:00.571Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"49","paymentUrl":"https://buy.polar.sh/polar_cl_f4iL3SP9tVSWrGcmPAfwGLTaxddD4lmityiT22S723u","remixUrl":null,"previewUrl":"https://juno-ferreira.framer.website/","categories":[{"id":16,"name":"Personal","slug":"personal"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":282,"name":"Blogs","slug":"blogs"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":236,"name":"Light","slug":"light"},{"id":239,"name":"Monochromatic","slug":"monochromatic"},{"id":247,"name":"Professional","slug":"professional"}],"mainCategory":{"id":17,"name":"Photography","slug":"photography"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":7,"name":"Light & Dark Theme","slug":"light-dark-theme"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"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"}],"tags":[]}}],"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-16T19:40:01.235Z","updatedAt":"2026-09-16T19:40:01.235Z"},{"id":"01a0a5b3-8979-7795-baf0-e43c52100574","title":null,"body":"

Nell Voss is a bold, multi-page Framer template for musicians, singers and bands who want a website as loud as their music.

Hot magenta on ink, ultra-wide type and tinted photography give it a gig-poster feel, and every accent changes from a single colour style.

Preview Link: https://nellvoss.framer.website

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nell Voss is a bold, multi-page Framer template for musicians, singers and bands who want a website as loud as their music. "}]},{"type":"paragraph","content":[{"type":"text","text":"Hot magenta on ink, ultra-wide type and tinted photography give it a gig-poster feel, and every accent changes from a single colour style."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Preview Link: "},{"type":"text","text":"https://nellvoss.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://nellvoss.framer.website/?via=W0d7QEm","target":"_blank"}}]}]}]},"author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/T5oVZoACH56pUAk2hE901SXsB00Srfx7lo4x5av2iG8sk.m3u8","metadata":{"posterUrl":"https://image.mux.com/T5oVZoACH56pUAk2hE901SXsB00Srfx7lo4x5av2iG8sk/thumbnail.webp?time=6.261","aspectRatio":"635:359","duration":44.033344}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-15T15:33:21.917Z","updatedAt":"2026-09-15T15:33:21.917Z","repostedBy":{"creator":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4"},"repostId":"01a0a678-f4ce-7619-af20-27ece494e1b9","repostedAt":"2026-09-15T19:08:59.983Z"}},{"id":"01a0a5b3-8979-7795-baf0-e43c52100574","title":null,"body":"

Nell Voss is a bold, multi-page Framer template for musicians, singers and bands who want a website as loud as their music.

Hot magenta on ink, ultra-wide type and tinted photography give it a gig-poster feel, and every accent changes from a single colour style.

Preview Link: https://nellvoss.framer.website

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nell Voss is a bold, multi-page Framer template for musicians, singers and bands who want a website as loud as their music. "}]},{"type":"paragraph","content":[{"type":"text","text":"Hot magenta on ink, ultra-wide type and tinted photography give it a gig-poster feel, and every accent changes from a single colour style."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Preview Link: "},{"type":"text","text":"https://nellvoss.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://nellvoss.framer.website/?via=W0d7QEm","target":"_blank"}}]}]}]},"author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/T5oVZoACH56pUAk2hE901SXsB00Srfx7lo4x5av2iG8sk.m3u8","metadata":{"posterUrl":"https://image.mux.com/T5oVZoACH56pUAk2hE901SXsB00Srfx7lo4x5av2iG8sk/thumbnail.webp?time=6.261","aspectRatio":"635:359","duration":44.033344}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-15T15:33:21.917Z","updatedAt":"2026-09-15T15:33:21.917Z"},{"id":"01a0a4a4-c879-706d-9bb4-327eee03d50e","title":null,"body":"

New Framer template: Nell Voss 🎤

A bold, poster-loud website for musicians.

• Ticket-stub tour dates

• Releases with tracklists

• Merch, videos and press

• CMS-powered, fully responsive

Live preview 👇

https://nellvoss.framer.website/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New Framer template: Nell Voss "},{"type":"emoji","attrs":{"name":"microphone","emoji":"🎤"}}]},{"type":"paragraph","content":[{"type":"text","text":"A bold, poster-loud website for musicians."}]},{"type":"paragraph","content":[{"type":"text","text":"• Ticket-stub tour dates"}]},{"type":"paragraph","content":[{"type":"text","text":"• Releases with tracklists"}]},{"type":"paragraph","content":[{"type":"text","text":"• Merch, videos and press"}]},{"type":"paragraph","content":[{"type":"text","text":"• CMS-powered, fully responsive"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Live preview "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph","content":[{"type":"text","text":"https://nellvoss.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://nellvoss.framer.website/","target":"_blank"}}]}]}]},"author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[],"resources":[{"id":"73139","resolved":true,"title":"Nell Voss","body":"$68","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nell Voss","marks":[{"type":"bold"}]},{"type":"text","text":" is a bold, multi-page Framer template for musicians, singers and bands who want a website as loud as their music. Hot magenta on ink, ultra-wide type and tinted photography give it a gig-poster feel, and every accent changes from a single colour style."}]},{"type":"paragraph","content":[{"type":"text","text":"Pages","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Home, Music, Release, Tour, About, Contact and 404"}]},{"type":"paragraph","content":[{"type":"text","text":"Highlights","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Ticket-stub tour dates that switch between On Sale, Few Left and Sold Out straight from the CMS"}]},{"type":"paragraph","content":[{"type":"text","text":"• Latest release with tracklist, streaming buttons and liner notes"}]},{"type":"paragraph","content":[{"type":"text","text":"• Merch grid, featured videos, press quotes and email sign-up"}]},{"type":"paragraph","content":[{"type":"text","text":"• Automatic duotone photos: drop in any image and it matches your accent"}]},{"type":"paragraph","content":[{"type":"text","text":"• Live accent switcher in the preview with six colours"}]},{"type":"paragraph","content":[{"type":"text","text":"• Preloader, text reveals, scroll and hover animations"}]},{"type":"paragraph","content":[{"type":"text","text":"Built to edit","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• CMS collections for Releases, Shows, Videos, Press and Merch"}]},{"type":"paragraph","content":[{"type":"text","text":"• Reusable components, colour styles and text styles"}]},{"type":"paragraph","content":[{"type":"text","text":"• Desktop, tablet and phone layouts on every page"}]},{"type":"paragraph","content":[{"type":"text","text":"• Setup guide included on the canvas"}]},{"type":"paragraph","content":[{"type":"text","text":"Sample images are from "},{"type":"text","text":"Unsplash","marks":[{"type":"italic"}]},{"type":"text","text":"."}]}]},"introduction":"Artist site with tour, merch & CMS","slug":"nell-voss","author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a0a4a3-cd78-7515-a1df-99019c1b95ce.png","metadata":{"tint":{"h":0,"s":22,"l":14},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a0a4a3-ce41-7015-9130-a52919f64ac1.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a0a4a3-cd8f-70be-91cb-c01413e890e4.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a0a5b8-a4e0-73ce-a37e-f5ce9ddcb7a5.png","metadata":{"tint":{"h":0,"s":22,"l":14},"width":1600,"height":1200}},{"type":"video","url":"https://stream.mux.com/1BfvaxkgFbmCsM00yrZNpX01wyBJPHMfqDu17GhDtZ01u8.m3u8","metadata":{"posterUrl":"https://image.mux.com/1BfvaxkgFbmCsM00yrZNpX01wyBJPHMfqDu17GhDtZ01u8/thumbnail.webp?time=6.261","aspectRatio":"635:359","duration":44.033344}}],"post":null,"createdAt":"2026-09-15T10:37:37.185Z","updatedAt":"2026-09-15T15:39:27.091Z","publishedAt":"2026-09-15T10:37:37.182Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"49","paymentUrl":"https://buy.polar.sh/polar_cl_ENOsYvvZ4AFOECyS1Qb5cqKeyOAr5X4sXpSAs3xIqZS","remixUrl":null,"previewUrl":"https://nellvoss.framer.website/","categories":[{"id":12,"name":"Entertainment","slug":"entertainment"},{"id":16,"name":"Personal","slug":"personal"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":267,"name":"Artists","slug":"artists"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":290,"name":"Events","slug":"events"},{"id":292,"name":"Music","slug":"music"}],"styles":[{"id":247,"name":"Professional","slug":"professional"}],"mainCategory":{"id":292,"name":"Music","slug":"music"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":39,"name":"Selection Styles","slug":"selection-styles"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-15T10:37:37.785Z","updatedAt":"2026-09-15T10:37:37.785Z"},{"id":"01a0a105-ed78-7519-8ff3-d0f930b07d08","title":null,"body":"

Check this out

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Check this out"}]}]},"author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/HF02eCG002fvyuUA6kYSfvtBiv004SrBH00xdHaSaI007ItY.m3u8","metadata":{"posterUrl":"https://image.mux.com/HF02eCG002fvyuUA6kYSfvtBiv004SrBH00xdHaSaI007ItY/thumbnail.webp?time=9.111","aspectRatio":"316:177","duration":11.266667}}],"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":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-14T17:45:15.390Z","updatedAt":"2026-09-14T17:45:15.390Z"},{"id":"01a0a0f5-773a-74ec-88be-f7efe978ec56","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[],"resources":[{"id":"tEWKLi4go6PWEG4iaXoG","resolved":true,"title":"Mask Spotlight","body":"$69","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Mask Spotlight","marks":[{"type":"bold"}]},{"type":"text","text":" stacks two layers and lets a soft circle of light follow the cursor, revealing the second layer through the first. Dark becomes lit, flat becomes colour, wireframe becomes finished."}]},{"type":"paragraph","content":[{"type":"text","text":"The reveal is a real mask, not a tinted overlay, so the layer underneath shows through at full quality: type stays type, images stay sharp. Because both layers are yours, the pairing is up to you. Night and day, empty and annotated, before and after all work."}]},{"type":"paragraph","content":[{"type":"text","text":"Nine property controls cover the size of the light, how soft its edge is, how quickly it follows and whether it overshoots, the fade in and out, invert, and whether a hint of the reveal shows before the cursor arrives."}]},{"type":"paragraph","content":[{"type":"text","text":"Three ways to set it","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Hero","marks":[{"type":"italic"}]},{"type":"text","text":". A big, soft light that drifts after the pointer."}]},{"type":"paragraph","content":[{"type":"text","text":"Torch","marks":[{"type":"italic"}]},{"type":"text","text":". A small, sharp light that tracks closely."}]},{"type":"paragraph","content":[{"type":"text","text":"Inverted","marks":[{"type":"italic"}]},{"type":"text","text":". The light hides the second layer instead of revealing it."}]},{"type":"paragraph","content":[{"type":"text","text":"Setting up","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Paste the component link into your Framer project's Insert panel. Nothing to install. Put one layer in Base and one in Reveal."}]},{"type":"paragraph","content":[{"type":"text","text":"Good to know","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Both layers need to sit at the top level of your page, alongside the breakpoint frame. That is how Framer slots work."}]},{"type":"paragraph","content":[{"type":"text","text":"Give both layers the same size and line their content up, or things will appear to jump as the light passes. It responds to a mouse only."}]}]},"introduction":"Shine a torch to reveal a layer","slug":"mask-spotlight","author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a0a0f5-2e5d-7008-98e7-a208e26ae154.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-14T17:27:15.808Z","updatedAt":"2026-09-14T17:27:15.808Z","publishedAt":"2026-09-14T17:27:15.803Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://cursorspotlight-gt.framer.website?via=w0d7qem","price":"9","paymentUrl":"https://buy.polar.sh/polar_cl_rj0GR7okpGdB1gJ8QEuWoCESPCVZHk0cjCcI13et7oZ","workshop":false,"categories":[{"id":"c0182b81-fefe-45f5-ba00-27459f05e2a7","name":"Cursors","slug":"cursors"}],"lastSaveId":"gfpiUxesNRp0bWL7q41E","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-14T17:27:16.538Z","updatedAt":"2026-09-14T17:27:16.538Z"},{"id":"01a09f97-2645-778e-8fa6-83a5ca568956","title":null,"body":"

Hover a row and its image fades in under the cursor and follows it. A free Framer component that keeps working inside components, overlays and clipped sections.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover a row and its image fades in under the cursor and follows it. A free Framer component that keeps working inside components, overlays and clipped sections."}]}]},"author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[],"resources":[{"id":"lFJ0d3XDQkH9iS2zn3hg","resolved":true,"title":"Hover Preview List","body":"$6a","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover Preview List","marks":[{"type":"bold"}]},{"type":"text","text":" turns a list into a project index with a preview that follows the cursor. Hover a row and its image fades in under the pointer, trailing just behind it. Move to the next row and the picture swaps in place rather than flying back in. Leave, and it fades out while still following."}]},{"type":"paragraph","content":[{"type":"text","text":"Put your list items in Rows and their images in Previews, in the same order. A preview can be any layer, so a photo, a video or a card all work, and each one is sized to fill the preview box. Seventeen property controls cover preview size, corner radius, offset from the cursor, how closely it follows, fade, grow in, tilt, dimming the other rows, dividers, gap and stacking order."}]},{"type":"paragraph","content":[{"type":"text","text":"Why it holds up","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The preview is pinned to the window rather than drawn inside the list, so a section with Clip Content, an overlay, a later section or a page scroll cannot cut it off, cover it or pull it away from the cursor. It keeps working inside your own components and overlays. Nothing listens to the page while the pointer is elsewhere, hidden videos pause, and by default it sits below a custom cursor."}]},{"type":"paragraph","content":[{"type":"text","text":"Setting up","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Paste the component link into your Framer project's Insert panel. Nothing to install. Leave Previews empty to try it on placeholders first, and turn on Show On Canvas to see the image while you design."}]},{"type":"paragraph","content":[{"type":"text","text":"Good to know","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Every layer in Rows and Previews needs to sit at the top level of your page, alongside the breakpoint frame. That is how Framer slots work."}]},{"type":"paragraph","content":[{"type":"text","text":"It responds to a mouse or pen. Phones and tablets have no cursor to follow, so on touch the rows behave as normal rows."}]},{"type":"paragraph","content":[{"type":"text","text":"Embedded YouTube or Vimeo players inside a preview keep their own playback settings. Regular video and audio pause while their preview is hidden."}]}]},"introduction":"Row images that follow the cursor","slug":"hover-preview-list","author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a09f96-cd64-73af-9eba-f41a2233f574.png","metadata":{"tint":{"h":0,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-14T11:04:37.602Z","updatedAt":"2026-09-14T11:04:37.602Z","publishedAt":"2026-09-14T11:04:37.599Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/HoverPreviewList-P3S70V.js@W93hnD6xxmxnePUoJrkB","previewUrl":"https://hoverpreviewlist-gt.framer.website?via=w0d7qem","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c0182b81-fefe-45f5-ba00-27459f05e2a7","name":"Cursors","slug":"cursors"}],"lastSaveId":"W93hnD6xxmxnePUoJrkB","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-14T11:04:38.213Z","updatedAt":"2026-09-14T11:04:38.213Z"},{"id":"01a09e07-892e-72b0-87b5-f0ef0e8a2690","title":null,"body":"

Just released Kernal, a [FREE] Framer template for AI infra and developer tools.

The background is live ASCII art that glows and bends around your cursor. 10 pages, 3 CMS collections, fully responsive.

Remix it for free: https://framer.link/qnu7JMC

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just released "},{"type":"text","text":"Kernal","marks":[{"type":"bold"}]},{"type":"text","text":", a [FREE] Framer template for AI infra and developer tools. "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"The background is live "},{"type":"text","text":"ASCII ","marks":[{"type":"italic"}]},{"type":"text","text":"art that glows and bends around your cursor. 10 pages, 3 CMS collections, fully responsive."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Remix it for free: "},{"type":"text","text":"https://framer.link/qnu7JMC","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/qnu7JMC","target":"_blank"}}]}]}]},"author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/IZakylO02BpGzV5k82U5fG7KAxiPwDXtY77cdFOz00F3U.m3u8","metadata":{"posterUrl":"https://image.mux.com/IZakylO02BpGzV5k82U5fG7KAxiPwDXtY77cdFOz00F3U/thumbnail.webp?time=7.49","aspectRatio":"634:357","duration":9.433333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-14T03:48:09.139Z","updatedAt":"2026-09-14T03:48:09.139Z"},{"id":"01a09c94-76ab-740e-9a13-23f84d5d8302","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[],"resources":[{"id":"72992","resolved":true,"title":"Kernal","body":"$6b","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Kernal ","marks":[{"type":"bold"}]},{"type":"text","text":"is a dark, developer-focused Framer template for AI infrastructure, agent platforms and developer tools. Its signature is live ASCII art: animated character fields that ripple, glow and warp as visitors move their cursor."}]},{"type":"paragraph","content":[{"type":"text","text":"Every page is built to feel like a real product. There's a terminal hero, a JSON config block, a machine dashboard and a live agent desktop, all set in Geist and Geist Mono."}]},{"type":"paragraph","content":[{"type":"text","text":"Pages","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Home"}]},{"type":"paragraph","content":[{"type":"text","text":"• Features"}]},{"type":"paragraph","content":[{"type":"text","text":"• Pricing with FAQ"}]},{"type":"paragraph","content":[{"type":"text","text":"• Changelog"}]},{"type":"paragraph","content":[{"type":"text","text":"• Blog and blog post pages"}]},{"type":"paragraph","content":[{"type":"text","text":"• About with team"}]},{"type":"paragraph","content":[{"type":"text","text":"• Contact with a working form"}]},{"type":"paragraph","content":[{"type":"text","text":"• Legal pages for Privacy, Terms and Security"}]},{"type":"paragraph","content":[{"type":"text","text":"• 404"}]},{"type":"paragraph","content":[{"type":"text","text":"Highlights","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"ASCII Field component","marks":[{"type":"italic"}]},{"type":"text","text":" with five patterns: wave, orb, noise, rings and terrain. Cursor glow and warp effects are built in."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"ASCII Image component","marks":[{"type":"italic"}]},{"type":"text","text":" that turns any photo into an ASCII portrait."}]},{"type":"paragraph","content":[{"type":"text","text":"• Three CMS collections: Posts, Changelog and Legal."}]},{"type":"paragraph","content":[{"type":"text","text":"• Logo marquee, pricing plans, FAQ accordion and animated stat counters."}]},{"type":"paragraph","content":[{"type":"text","text":"• Contact form with sending, success and error states."}]},{"type":"paragraph","content":[{"type":"text","text":"• Fully responsive on desktop, tablet and phone, with a mobile menu."}]},{"type":"paragraph","content":[{"type":"text","text":"• Colour and text styles, so rebranding takes minutes."}]},{"type":"paragraph","content":[{"type":"text","text":"• Effects pause when offscreen and respect reduced-motion settings."}]},{"type":"paragraph","content":[{"type":"text","text":"• A setup guide inside the project walks you through every change."}]},{"type":"paragraph","content":[{"type":"text","text":"Made for AI startups, agent platforms, cloud and infrastructure tools, APIs and developer products."}]}]},"introduction":"Dev infra site with live ASCII art","slug":"kernal","author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a09c94-12a1-753a-8474-2cae10712e8d.png","metadata":{"tint":{"h":0,"s":67,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a09c94-12b8-72bd-8903-49f870110992.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a09c94-1292-7451-b7be-52a935909f09.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"video","url":"https://stream.mux.com/800UCmTjraiEkdny5ZN9ZB2Un8jV02b1005YBahhdmLKiQ.m3u8","metadata":{"posterUrl":"https://image.mux.com/800UCmTjraiEkdny5ZN9ZB2Un8jV02b1005YBahhdmLKiQ/thumbnail.webp?time=5.657","aspectRatio":"634:357","duration":9.433333}}],"post":null,"createdAt":"2026-09-13T21:02:49.989Z","updatedAt":"2026-09-13T21:02:49.989Z","publishedAt":"2026-09-13T21:02:49.986Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.com/remix/sRlUHcHKdW4RbxafDj9C","remixUrl":"https://framer.com/remix/sRlUHcHKdW4RbxafDj9C","previewUrl":"https://kernal.framer.website/","categories":[{"id":26,"name":"AI","slug":"ai"},{"id":2,"name":"SaaS","slug":"saas"},{"id":270,"name":"Software","slug":"software"},{"id":276,"name":"Digital","slug":"digital"},{"id":274,"name":"Web","slug":"web-design"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[],"mainCategory":{"id":26,"name":"AI","slug":"ai"},"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"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-13T21:02:50.540Z","updatedAt":"2026-09-13T21:02:50.540Z"},{"id":"01a09bc8-4eef-71cb-8d91-0d114834b423","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[],"resources":[{"id":"thpcAMqqvANY5othk9AE","resolved":true,"title":"Falling Image Trail","body":"$6c","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Falling Image Trail","marks":[{"type":"bold"}]},{"type":"text","text":" lays images down behind the cursor as it moves. Each one pops in with a little spin, then falls away and fades on its own. The studio portfolio effect, without writing it."}]},{"type":"paragraph","content":[{"type":"text","text":"Spacing decides how far the cursor travels before the next image appears, so the trail can be sparse and deliberate or crowded and busy without changing the speed of anything else."}]},{"type":"paragraph","content":[{"type":"text","text":"Ten property controls cover your images, their size and corner radius, spacing, how many are on screen at once, how far they fall, how long they last, spin, and bounce."}]},{"type":"paragraph","content":[{"type":"text","text":"Three ways to set it","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Studio portfolio","marks":[{"type":"italic"}]},{"type":"text","text":". Tall frames, a steady rhythm, a gentle spin."}]},{"type":"paragraph","content":[{"type":"text","text":"Tight and fast","marks":[{"type":"italic"}]},{"type":"text","text":". Many small drops that clear quickly."}]},{"type":"paragraph","content":[{"type":"text","text":"Slow and heavy","marks":[{"type":"italic"}]},{"type":"text","text":". A few big frames that hang before they fall."}]},{"type":"paragraph","content":[{"type":"text","text":"Setting up","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Paste the component link into your Framer project's Insert panel. Nothing to install. Add your images one at a time; they appear along the trail in the order you add them. It ships with gradient shapes so it works before you add anything."}]},{"type":"paragraph","content":[{"type":"text","text":"Good to know","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The trail only draws inside the component, so give it room. A full width hero is where it looks best."}]},{"type":"paragraph","content":[{"type":"text","text":"It runs on published sites and in preview; on the canvas it holds still so it stays easy to select. It responds to a mouse only, so scrolling on a phone never leaves images stranded."}]}]},"introduction":"Images bloom behind the cursor","slug":"falling-image-trail","author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a09bc8-3a80-74f4-b3af-0630408c2dba.png","metadata":{"tint":{"h":0,"s":67,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-13T17:19:50.435Z","updatedAt":"2026-09-13T17:19:50.435Z","publishedAt":"2026-09-13T17:19:50.431Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://imagetrail-gt.framer.website?via=w0d7qem","price":"9","paymentUrl":"https://buy.polar.sh/polar_cl_X0Adea9zvZMM8IIzzbKAw8LOYOkdDgJ4DqiXa2nrKyD","workshop":false,"categories":[{"id":"c0182b81-fefe-45f5-ba00-27459f05e2a7","name":"Cursors","slug":"cursors"}],"lastSaveId":"Dk4IHUapgyOCPoO99sh8","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-13T17:19:51.023Z","updatedAt":"2026-09-13T17:19:51.023Z"},{"id":"01a09bbb-f4cf-763c-b16a-e0578eea1477","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[],"resources":[{"id":"N3ctzvUDkdMg8S8odSAr","resolved":true,"title":"FLIP Modal","body":"$6d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"FLIP Modal","marks":[{"type":"bold"}]},{"type":"text","text":" is a grid where clicking a tile sends it flying out of its slot to become the panel, then back to the exact slot it came from when you close it."}]},{"type":"paragraph","content":[{"type":"text","text":"The tile is carried, not copied. Most expanding galleries draw a second copy inside the overlay and fade between the two, which restarts whatever was inside: a video jumps back to zero, an embed reloads. This moves the original layer, so everything inside keeps playing through the transition."}]},{"type":"paragraph","content":[{"type":"text","text":"It is keyboard complete.","marks":[{"type":"italic"}]},{"type":"text","text":" Tab reaches every tile, Enter opens, focus stays inside the panel while it is open and returns to the tile on close, and Escape always closes. Visitors who ask their system for reduced motion get the panel without the flight."}]},{"type":"paragraph","content":[{"type":"text","text":"Fourteen property controls cover columns, gap, tile shape, corner radius, open size, whether the panel keeps the tile's shape, travel time and easing, backdrop colour and blur, the close button, and click outside to close."}]},{"type":"paragraph","content":[{"type":"text","text":"Setting up","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Paste the component link into your Framer project's Insert panel. Nothing to install. Leave the Items slot empty to tune it on placeholders first."}]},{"type":"paragraph","content":[{"type":"text","text":"Good to know","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Every layer in the Items slot needs to sit at the top level of your page, alongside the breakpoint frame. That is how Framer slots work."}]},{"type":"paragraph","content":[{"type":"text","text":"Because the panel is the tile itself, design each tile to look right both small and large. Keep Aspect on for photos so nothing stretches; turn it off for cards of text."}]}]},"introduction":"Tiles that fly out into a modal","slug":"flip-modal","author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a09bbb-dc81-77dc-84b4-4f9342d97f81.png","metadata":{"tint":{"h":0,"s":67,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-13T17:06:20.964Z","updatedAt":"2026-09-13T17:06:20.964Z","publishedAt":"2026-09-13T17:06:20.962Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://flipmodal-gt.framer.website?via=w0d7qem","price":"12","paymentUrl":"https://buy.polar.sh/polar_cl_WPAnKFCiqDtHQdxM0RGLen4uhwmtezk5NFEVk0PhuJf","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"MqzwzwiK9ePbghk5Omtu","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-13T17:06:21.519Z","updatedAt":"2026-09-13T17:06:21.519Z"},{"id":"01a09bb9-88f2-76a0-a244-1cb3e07bceeb","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[],"resources":[{"id":"2PVG5rOOZh2Fvg4tnPsN","resolved":true,"title":"Draggable Canvas","body":"$6e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Draggable Canvas ","marks":[{"type":"bold"}]},{"type":"text","text":"lays out a grid of your layers that visitors grab and throw around. It keeps gliding after they let go, and in infinite mode it tiles itself so the grid never runs out in any direction."}]},{"type":"paragraph","content":[{"type":"text","text":"It is built to stay out of the way. Dragging never goes through React, the frame loop only runs while something is moving, and it stops entirely when the canvas scrolls off screen. An idle canvas costs nothing."}]},{"type":"paragraph","content":[{"type":"text","text":"Fourteen property controls cover columns, item size, gap, infinite tiling, elastic edges, drag speed, momentum, an ambient drift and its direction, edge fade, the grab cursor, and what a finger does."}]},{"type":"paragraph","content":[{"type":"text","text":"Three ways to set it","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Hero","marks":[{"type":"italic"}]},{"type":"text","text":". Infinite, softly faded at the edges, drifting slowly when nobody is holding it."}]},{"type":"paragraph","content":[{"type":"text","text":"Portfolio wall","marks":[{"type":"italic"}]},{"type":"text","text":". A bounded grid that stretches past its edges and pulls back."}]},{"type":"paragraph","content":[{"type":"text","text":"Dense field","marks":[{"type":"italic"}]},{"type":"text","text":". Small tiles that outrun the pointer."}]},{"type":"paragraph","content":[{"type":"text","text":"Setting up","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Paste the component link into your Framer project's Insert panel. Nothing to install. Leave the Items slot empty to tune the feel on placeholders first."}]},{"type":"paragraph","content":[{"type":"text","text":"Good to know","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Every layer in the Items slot needs to sit at the top level of your page, alongside the breakpoint frame. That is how Framer slots work."}]},{"type":"paragraph","content":[{"type":"text","text":"Decide the Touch setting before you ship. Dragging on both axes stops the page scrolling while a finger is on the canvas, which traps a phone reader in a full width hero. Horizontal keeps the page scrollable. The arrow keys pan the canvas too."}]}]},"introduction":"An endless grid you can throw","slug":"draggable-canvas","author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a09bb9-671b-7089-b1f2-c16bee5e24ae.png","metadata":{"tint":{"h":0,"s":67,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-13T17:03:42.275Z","updatedAt":"2026-09-13T17:03:42.275Z","publishedAt":"2026-09-13T17:03:42.272Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://draggablecanvas-gt.framer.website?via=w0d7qem","price":"12","paymentUrl":"https://buy.polar.sh/polar_cl_ksqeAc08YenzFLRMnDUaGd0LzbjBZppL0DPhw2XBMSW","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"9LjzpkySxybAN3mdWEya","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-13T17:03:42.834Z","updatedAt":"2026-09-13T17:03:42.834Z"},{"id":"01a09583-e4c4-70d8-8e92-a89ec4a75305","title":null,"body":"

[FREE TEMPLATE]

MATTER Mono is live. A monochrome Framer template for creative studios.

Five pages, CMS-driven work and testimonials, an interactive capabilities grid, count-up stats, a mobile drawer, and a custom 404.

Remix for free here: https://framer.link/gbAYuAe?duplicateType=siteTemplate

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"[FREE TEMPLATE]"}]},{"type":"paragraph","content":[{"type":"text","text":"MATTER Mono is live. A monochrome Framer template for creative studios."}]},{"type":"paragraph","content":[{"type":"text","text":"Five pages, CMS-driven work and testimonials, an interactive capabilities grid, count-up stats, a mobile drawer, and a custom 404."}]},{"type":"paragraph","content":[{"type":"text","text":"Remix for free here: "},{"type":"text","text":"https://framer.link/gbAYuAe?duplicateType=siteTemplate","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/gbAYuAe?duplicateType=siteTemplate","target":"_blank"}}]}]}]},"author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a09580-8cc4-7443-b541-c0461e4b6336.png","metadata":{"tint":{"h":0,"s":67,"l":9},"width":1600,"height":1200}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-12T12:07:24.105Z","updatedAt":"2026-09-12T12:07:24.105Z"},{"id":"01a0949b-9c3c-7164-9448-017c9a0c9c2c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[],"resources":[{"id":"72881","resolved":true,"title":"MATTER Mono","body":"

MATTER is a monochrome template for independent creative studios and designers.

Five pages on a shared layout: home, a work index, a project detail page, contact, and a custom 404. Two CMS collections drive the projects and testimonials, so adding new work never touches the design.

The home page tells the whole studio story: hero, about with count-up stats, client logos, selected work, an interactive capabilities grid, process, testimonials, team, and FAQ.

Fully responsive across desktop, tablet, and phone, with a mobile drawer menu, scroll animations throughout, working contact and newsletter forms, and reusable components for buttons, navigation, and accordions.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"MATTER ","marks":[{"type":"bold"}]},{"type":"text","text":"is a monochrome template for independent creative studios and designers."}]},{"type":"paragraph","content":[{"type":"text","text":"Five pages","marks":[{"type":"bold"}]},{"type":"text","text":" on a shared layout: home, a work index, a project detail page, contact, and a custom 404. "},{"type":"text","text":"Two CMS collections","marks":[{"type":"bold"}]},{"type":"text","text":" drive the projects and testimonials, so adding new work never touches the design."}]},{"type":"paragraph","content":[{"type":"text","text":"The home page tells the whole studio story: hero, about with count-up stats, client logos, selected work, an interactive capabilities grid, process, testimonials, team, and FAQ."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully responsive","marks":[{"type":"bold"}]},{"type":"text","text":" across desktop, tablet, and phone, with a mobile drawer menu, scroll animations throughout, working contact and newsletter forms, and reusable components for buttons, navigation, and accordions."}]}]},"introduction":"Bold, editorial studio portfolio","slug":"matter-mono","author":{"framerUserId":"54198757-9b1f-4b7c-8c24-6d45816d4d5c","name":"Gwatsin T","slug":"gwatsinthong","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/twq02do4","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a09480-4b10-727a-a17a-626c012ba8b8.png","metadata":{"tint":{"h":0,"s":67,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a09498-3e5f-703b-8943-55d43ce60c92.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/54198757-9b1f-4b7c-8c24-6d45816d4d5c/01a09498-3dba-711b-84e3-0e79aec78950.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-12T07:53:40.554Z","updatedAt":"2026-09-12T07:53:40.554Z","publishedAt":"2026-09-12T07:53:40.551Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/gbAYuAe","remixUrl":"https://framer.link/gbAYuAe","previewUrl":"https://matterstudio-gt.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":188,"name":"Art & Design","slug":"art-and-design"},{"id":273,"name":"Design","slug":"design"},{"id":218,"name":"Free","slug":"free-website-templates"},{"id":248,"name":"Services","slug":"professional-services"}],"styles":[{"id":111,"name":"Minimal","slug":"minimal"},{"id":239,"name":"Monochromatic","slug":"monochromatic"},{"id":247,"name":"Professional","slug":"professional"},{"id":261,"name":"Typographic","slug":"typographic"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-12T07:53:41.180Z","updatedAt":"2026-09-12T07:53:41.180Z"}],"pagination":{"next":"MDFhMDk0OWItOWMzYy03MTY0LTk0NDgtMDE3YzlhMGM5YzJj","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L6f"}]