50:I[267044,["/creators-assets/_next/static/immutable/chunks/456dxp3afc8vw.js","/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/0bntpu9zyiup3.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/0_p7_rfyih3ce.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3x7cofmdt-u_a.js","/creators-assets/_next/static/immutable/chunks/18e_sauhpyyit.js","/creators-assets/_next/static/immutable/chunks/13xqrk3e5k8yu.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/3oybmd01gs-b6.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1yn3k6g09tq32.js","/creators-assets/_next/static/immutable/chunks/3ly-i84yiij4i.js","/creators-assets/_next/static/immutable/chunks/1cey7skpirawe.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/2n9qmawfhavju.js","/creators-assets/_next/static/immutable/chunks/0m8lhf01xskqj.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/2lxef2-u417vc.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/0feduxwyr82nv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/0h18ahbw9nndq.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/110hzb6dmcbdr.js","/creators-assets/_next/static/immutable/chunks/0yqk60ay0h76r.js","/creators-assets/_next/static/immutable/chunks/1zt764sfv2wd7.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/046rld3pdrzo7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3gx0_q52o4oil.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/0lmmb08iwroji.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 51:T717,

Drop a coupon card on any page and visitors scratch it with the mouse or a finger to uncover a discount code. A button copies the code in one click, and a small burst of confetti marks the reveal.
Two types in one component: Coupon, the finished card with the code built in, and Overlay, just the scratch-off foil. Lay Overlay on top of your own Framer layers (a price, a prize, a whole card) and scratching uncovers them. Clicks pass through once it is revealed.
Eight covers drawn in code, sharp at any size: Cobweb (Halloween), Gold Foil (Black Friday), Frost (Christmas), Silver, Holographic, Hearts (Valentine’s), Summer, or Custom in any colour you pick. One purchase covers the whole year’s campaigns.
Settings: code, title, hint and cover label, how much to scratch before the rest clears, brush size, button texts, an optional link shown after the reveal, card, text and accent colours, radius and font. Remember lets a returning visitor see the code already revealed. An On Reveal event hooks into Framer interactions.
Works on phones: touch scratches only the scratch area, so the page still scrolls. Keyboard and screen-reader friendly: a real Reveal code button does the same as scratching, and the code is announced once revealed. Respects reduced motion, pauses off-screen and stays still in the editor.
Setup: paste the component URL from your purchase into Framer and drop the component on the page. Change the code and the cover in the properties panel.
Licence: one project (Framer Community terms). Support: contact@no-code.supply

52:T563,

Put Flashlight Reveal on top of any section and it goes dark. The cursor becomes a soft torch beam that uncovers whatever is underneath: a headline, an image, an offer code or a whole hero.
It reveals your own Framer layers, so you design the hidden scene with Framer's tools, including CMS content. Clicks, hovers and scrolling pass straight through to the layers below.
Settings: overlay colour and opacity, beam size, how lazily the beam follows, idle sweep or rest, rest position, click to reveal.
Presets: Torch (warm, with a weak-battery flicker), Spotlight (crisp white stage light) and Moonlight (cool and soft).
Works on phones: when nobody is pointing, the beam sweeps the section on its own, and a tap or drag takes over.
Keyboard friendly: tabbing to a link or button underneath lifts the darkness. Respects reduced motion and stays still in the editor.
Setup: paste the component URL from your purchase into Framer, drop it on top of a section and pin it to all four sides.
Licence: one project (Framer Community terms). Support: contact@no-code.supply

53:T55c,

Give any Framer site a Halloween mood in one drop: autumn leaves tumble, bats swoop, jack-o'-lanterns flicker, ghosts float up and mist rolls along the bottom. It sits on top of your design and every click passes straight through.
Nine elements, each with its own amount from 0 to 10: leaves, bats, fog, pumpkins, ghosts, skulls, dancing skeletons, spiders on silk threads and corner cobwebs.
Settings: overall density, speed and size; the autumn palette or one colour of your own for the leaves and bats; cover just this frame or the whole page; mouse scatter on or off.
Move the cursor and the particles scatter; drag it through a corner web and the strands part, then spring back.
Works on phones (fewer particles on smaller screens), respects reduced motion, pauses when scrolled out of view and stays still in the editor.
Setup: after checkout, copy the component URL shown on the order page (it stays in your Polar customer portal) and paste it into your Framer project. Drop it over a section, or set Cover to Whole page.
Licence: one project (Framer Community terms). Support: contact@no-code.supply

54:T897,

Datum is a dark portfolio for a designer who also builds what they design. Your projects come first, right after the introduction, and a single pink accent marks the build side of your work.

Its signature is a switch in the header. Turn it on and the page shows how it's made: the columns it sits on, the space around each section, the font and size of every heading, and the measurements of anything you point at. It plays once on the opening heading when the page loads.

Features

Five projects, each with a main image, a close-up, one result and a bar showing how many weeks went into design and how many into building
A page for every project: key facts, a timeline of the phases, the problem, the design, the build, results, a client quote and a link to the next project
A table of smaller projects
Three services with prices and their length in weeks, plus small fixed-price jobs and common questions
An About section with your clients, tools and talks
A contact form where visitors pick a service, a budget and a start date
Add a project by adding one item: it appears on the home page and gets its own page
Layouts for desktop, tablet and phone, plus 404 and privacy pages
Every colour and font is a shared style, so a change in one place updates the whole site

Framer Skills

Five ready-made instructions for Framer's AI agent, plus a page showing every colour, font and block they use:

/design-system: add new pages and sections that match the template
/rebrand: change the name, colours, fonts and text to yours
/content: add projects and edit services, prices and text
/effects: adjust the header switch and the week bars
/before-publish: check every page on desktop, tablet and phone before you go live

Try: "/content Add a project called Tidal: 4 weeks of design and 6 weeks of building."

55:T5ac,

A portfolio for photographers who work in low light. Dark rooms for the photos, light paper for the words, and one red accent.

Features

Hero photo that fades in from the dark, with film grain
Hours viewer: step through your photos in the order of the clock
Four series, each photo coming into focus as you scroll
Full-screen photo view with keyboard controls
A page for every series
Services with prices, availability by month and an enquiry form
About with portrait, exhibitions and publications
Photos, series and dates live in the CMS: a new series is a new item
A design system page with every style and component
Desktop, tablet and phone layouts, 404 and privacy pages
Respects reduced motion

Framer Skills

/design-system: add pages and sections that match the template
/rebrand: change the name, colours, fonts and copy for your studio
/content: add series, photos, dates and services
/effects: adjust the fade, grain and focus effects
/before-publish: check every page before you go live

The demo photos are AI-generated placeholders. Replace them with your own.

56:T803,

Parallel is a site for a venture fund, an advisory practice or a research publisher, set like a printed quarterly: warm paper, black ink, one oxblood accent, running heads, footnotes and figures. One light theme, hairlines and grain.

The manifesto inks in word by word as you read, and its footnotes slide into the margin beside the line that cites them. Around it:

two hairlines that drift apart and back as you scroll
four hand-drawn figures: ladder logic, a substation, a Rotterdam-to-Pittsburgh route, a 96-well plate
a portfolio table you filter by sector, with counts and hover letterheads
a live deck queue, a pinned five-step "how we work" and a news ticker
an application form with paper and dark variants

Native Framer throughout: sections, nav, footer, forms, 404 and privacy. Letters, companies, theses, founder quotes and news are CMS collections, and letters and companies each have a detail page /letters/:slug, /companies/:slug). The essay, figures and counters are code components with property controls. 20 colour styles and 32 text styles, Desktop, Tablet and Phone layouts, and reduced motion respected.

Framer Skills

Five skills for Framer's agent, plus a /design-system page showing every style, component and layout rule they rely on.

/design-system: add pages and sections in Parallel's grid and styles
/rebrand: another fund's name, colours, figures and copy
/content: letters, companies, theses, quotes and news
/effects: tune the essay, hairlines and preloader through properties
/before-publish: check every page at Desktop, Tablet and Phone

Try: /rebrand Rebrand this for Brightwell, a fund for community energy, in deep green and ochre, keep the paper."

57:T8ab,

Tender is a site for a spend, card or fintech product: cream paper, forest-green panels, real amounts in mono type. One light theme, hairlines and grain, one orange accent.

The hero is a brushed-metal payment card that tilts toward the cursor, drifts when idle and flips in after a "card approved" preloader you can turn off with one property. Toasts slide in with real amounts. Below it:

a live card maker: pick a finish, a limit and a holder, watch the budget update
six live widgets: receipts, approvals, currency, ledger, freelancer card and client rebilling
a pinned four-step "how it works" with a phone that follows the steps
a calculator that turns team size and transactions into hours and money
monthly or annual pricing over three plans, plus FAQ and a logo ticker

Sections, nav, footer, forms, 404 and privacy pages are native Framer. Logos, plans and FAQ are CMS collections. The card, widgets, maker and calculator are code components with property controls, and their colours follow the 49 color styles, so a new palette re-tints them too. 30 text styles, Desktop, Tablet and Phone layouts, reduced motion respected.

Framer Skills

Five skills for Framer's agent, plus a /design-system page showing every style, component and layout rule they rely on.

/design-system: add pages and sections in Tender's grid and styles
/rebrand: another company's name, colours, card finishes and copy
/content: plans, FAQ, logos, toasts, card holders and calculator numbers
/effects: tune the card, preloader and widgets through properties
/before-publish: check every page at Desktop, Tablet and Phone

Try: /rebrand Rebrand this for Quartermaster, an expenses tool for film crews. Deep navy and amber instead of forest and tangerine, keep the cream paper and the metal card."

Suits spend and expense tools, fintech, and finance products for agencies and studios.

58:T854,

Signal is a site for a security, observability or developer-tools company, seen from the night shift: a near-black mission-control surface where everything hums along until one thing turns red, gets triaged in plain sight and is contained with a single yes. Dark only, glass and hairlines, one acid-green accent.

In the hero, a live infrastructure graph flares red every few seconds, a callout triages the threat and a green ring contains it, while the nav's status pill and event counter follow along. Below it:

a working detect, decide, contain product demo
a typed incident replay with milestones
six live widgets: login map, triage queue, fleet gauge, API sparkline, key rotation and an approve button
a pricing calculator with a seat slider
before/after results that count up

The page is native Framer: sections, nav, footer, contact form, 404 and privacy pages. Customer stories and logos are CMS collections, and every story gets its own page. The graph, demo, replay and widgets are code components with property controls. Their colours follow the 53 color styles, so a new palette re-tints them too. 40 text styles, Desktop, Tablet and Phone layouts, and reduced motion respected.

Framer Skills

Five skills for Framer's agent, plus a /design-system page that shows every style, component and layout rule they rely on.

/design-system: add pages and sections in Signal's grid and styles
/rebrand: another company's name, colours, logo, voice and scripts
/content: customer stories, logos, plans, incidents and copy
/effects: tune the graph, demo, replay and widgets
/before-publish: check every page at Desktop, Tablet and Phone

Try: "/rebrand Rebrand this for Halyard, an observability startup for payment systems. Electric blue instead of acid green, keep it dark."

Suits security and observability SaaS, developer tools, AI-ops platforms and infrastructure startups.

59:T5ed,

Oda: an architecture studio template that draws itself

Oda is a new Framer template for small architecture and interiors studios. It's laid out like a drawing set pinned to the long table: grid paper, title blocks, sheet numbers and line drawings that draw themselves.

What's in it:

A hero cabin that draws itself, with a real sun study. Drag the sun and the shadow moves, calculated for your studio's latitude and set to your city's live time.

Project sheets on a sideways track, pinned while you scroll, with a counter. Each project gets its own detail page from the CMS.

A floor plan that builds up phase by phase as you read the process.

Material samples, awards and team as CMS collections, and a sketch pad next to the contact form.

Everything you edit is native Framer: text, sections, nav, footer and buttons. The drawings are code components whose colours come from your color styles, so a new palette re-tints them too.

Framer Skills for Framer's agent. They come with the remix. Ask it to "rebrand this for our studio in Porto" or "add three projects", and it knows the styles, the grid, the sheet numbering and the voice.

Desktop, tablet and phone layouts, reduced motion respected, 404 and privacy pages included.

Feedback welcome, especially from anyone who draws for a living.

5a:T885,

Oda is a site for a small architecture or interiors studio, laid out like a drawing set pinned to the long table: grid paper, title blocks, sheet numbers and line drawings that draw themselves.

In the hero, a timber cabin draws itself line by line and casts a real shadow. Drag the sun and the shadow moves, calculated for your studio's own city on the equinox and set to its live time. Below it:

project sheets that slide sideways as you scroll, with progress and a counter
a floor plan that builds up phase by phase through the process
material samples with their notes
a pencil sketch pad with PNG download, next to a native contact form
a live city clock in the nav

Everything a studio edits is native Framer: text, sections, buttons, the nav, the footer, the 404 and privacy pages. Projects, people, materials and awards are CMS collections, and every project gets its own sheet page. The drawings are code components, and their colours come from the project's color styles, so a new palette re-tints them too. Desktop, Tablet and Phone layouts, and reduced motion respected.

Framer Skills

Five skills for Framer's agent, plus a design system page that shows every color and text style, every component and variant, and a few example sections.

/oda-design-system: add pages and sections in Oda's grid, styles and sheet numbering
/oda-rebrand: another studio's name, city and sun study, colours, fonts and copy
/oda-content: projects, materials, people and awards in the CMS
/oda-code-components: tune the drawings, sun study and effects through their properties
/oda-before-publish: check every page at Desktop, Tablet and Phone

Try: /oda-design-system Add a careers page with three open roles and an application form."

Suits architecture studios, interior designers, landscape architects, and builders or craftspeople who draw what they make.

5b:T4e9,

About

Scroll animated text reveal. Create a dramatic effect by gradually revealing/highlighting text when user scrolls.

Live demo: https://welcomed-dance-593190.framer.app/preview

Features

Change typography (font, size, etc.)
Set text initial color and reveal color
Set animation duration and stagger
Set animation trigger start and end

How to use

Drag the component onto canvas and set your properties.

Pro tip

Change animation triggers on different breakpoints to achieve the perfect effect every time.

Refund Policy

All sales of digital products are final.

Due to the nature of digital goods, I do not offer refunds, exchanges, or cancellations once a purchase is completed. By making a purchase, you agree to these terms.

If you experience any issues with accessing or using your purchase, please contact me at lauri.lannenmaki@gmail.com, and I'll be happy to assist you.

5c:T5bb,

About

Rotating circle component with 2, 4 or 8 elements inside it. Perfect for hero, bento or card sections. You can also change the rotation direction.

Live demo: https://gray-platform-641215.framer.app/preview

Features

Change direction: clockwise (Right) and counter clockwise (Left)
Select number of icons: 8, 4 and 2
Change icon color
Toggle background circle visibility
Change background circle color
Change background circle opacity

How to use

To change the content, just go inside the component and change the icons to whatever you want or you can replace the icons with something else.

Pro tip

Use two components with different size and set different direction for them to create the ultimate effect.

5d:T610,

About

Interactive animated wave grid component with fluid motion and mouse interaction effects. Creates dynamic flowing lines that respond to cursor movement with physics-based animations.

Live demo: https://loving-population-943373.framer.app/demo

Features

Choose between vertical, horizontal or both lines
Animated wave grid with Perlin noise-based movement
Interactive mouse/touch effects with radial displacement
Customizable wave speeds (horizontal and vertical)
Adjustable wave amplitudes for different motion intensities
Configurable grid spacing (X and Y gaps)
Physics controls (friction, tension, max displacement)
Customizable line and background colors
Smooth spring-based cursor interaction damping
Responsive canvas that fills container dimensions

The component creates a mesmerizing animated background perfect for modern web interfaces, with natural-feeling wave motion that users can interact with by moving their cursor across the surface.

Pro tip

Set something on top of the wavy lines and play with blend modes to create cool effects.

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-9984ee5b-4091-4e90-9d64-a3aacae916df-all:/unified/creator/9984ee5b-4091-4e90-9d64-a3aacae916df/activity/":[{"data":[{"id":"01a14b54-0258-7166-872f-08a7f3c34322","type":"component.created","target":{"type":"component","id":"md3M0IItGZG5TXr1QtM0","preview":"Scratch Coupon","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a14b52-0537-7532-b9fa-997d376e2a1b.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","slug":"laurilllll","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-17T19:25:59.256Z","latestAt":"2026-10-17T19:25:59.256Z"},{"id":"01a14b22-6500-727c-80ef-00b6e5977bd6","type":"comment.reply","target":{"type":"post","id":"01a14624-971b-73c4-aebe-ab60badacd3a","preview":"Halloween Flashlight","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a14609-e52a-772d-ab0b-f200913b082c.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a14624-971b-73c4-aebe-ab60badacd3a","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a14b22-64ee-75fe-9a32-4f25961fe8c6","preview":"Yes, you can set it to \"Click to reveal\" so the effect disappears after click.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Yes, you can set it to \"Click to reveal\" so the effect disappears after click."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a14624-971b-73c4-aebe-ab60badacd3a","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a14991-83b2-771b-81da-374ad7a0b997"},"repost":null}},"actors":[{"id":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","slug":"laurilllll","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-17T18:31:47.712Z","latestAt":"2026-10-17T18:31:47.712Z"},{"id":"01a14624-9982-7515-b1c6-571b9bed19ff","type":"component.created","target":{"type":"component","id":"tVnCEeqMDJn9VCuylIpd","preview":"Halloween Flashlight","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a14609-e52a-772d-ab0b-f200913b082c.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","slug":"laurilllll","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-16T19:16:06.146Z","latestAt":"2026-10-16T19:16:06.146Z"},{"id":"01a140fa-1499-73aa-9c44-7fbe97755cb9","type":"component.created","target":{"type":"component","id":"M9C8GjAoklNRwvtjsqAk","preview":"Halloween Overlay","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a140f9-59e7-7061-ba62-a3bb107a63db.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","slug":"laurilllll","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-15T19:11:33.528Z","latestAt":"2026-10-15T19:11:33.528Z"},{"id":"01a140b3-b99f-734c-ac88-6d00e09adf19","type":"comment.reply","target":{"type":"post","id":"01a13f17-0842-760e-9753-ae29a4faa62c","preview":"Datum — Maker","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a13f15-a828-73ef-a59a-19dd738b92de.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a13f17-0842-760e-9753-ae29a4faa62c","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a140b3-b98c-708f-bfbe-eb76c6cd30c9","preview":"Cedar looks really good! Inspect feature would not suit that template.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Cedar looks really good! Inspect feature would not suit that template."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a13f17-0842-760e-9753-ae29a4faa62c","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a13f95-9cbd-77b6-a6f8-e9903d582987"},"repost":null}},"actors":[{"id":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","slug":"laurilllll","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-15T17:54:42.719Z","latestAt":"2026-10-15T17:54:42.719Z"},{"id":"01a13f17-0a97-76fd-b1c5-b2d49308e212","type":"template.created","target":{"type":"template","id":"75995","preview":"Datum — Maker","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a13f15-a828-73ef-a59a-19dd738b92de.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","slug":"laurilllll","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-15T10:23:57.079Z","latestAt":"2026-10-15T10:23:57.079Z"},{"id":"01a13bd5-2241-713b-9aaa-7e0a3aab7e29","type":"template.created","target":{"type":"template","id":"75911","preview":"Halation — Photo","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a13bcf-df2a-746e-9dcd-e4e805967338.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","slug":"laurilllll","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-14T19:13:06.113Z","latestAt":"2026-10-14T19:13:06.113Z"},{"id":"01a11556-4658-740c-bc1e-53101af2f2f0","type":"template.created","target":{"type":"template","id":"75089","preview":"Parallel — Finance","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a11552-8478-71e9-8ac3-dbdddb83f329.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","slug":"laurilllll","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-07T07:48:58.072Z","latestAt":"2026-10-07T07:48:58.072Z"},{"id":"01a1029c-5de8-75ee-bae3-bae9f4e27aa1","type":"template.created","target":{"type":"template","id":"74585","preview":"Tender — Service","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a10299-96cb-749b-a7df-483e9342bfa9.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","slug":"laurilllll","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-03T16:32:44.520Z","latestAt":"2026-10-03T16:32:44.520Z"},{"id":"01a0fc9c-73a4-730f-a4a1-5573623edd74","type":"template.created","target":{"type":"template","id":"74501","preview":"Signal — Security","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a0fc97-c056-753a-be51-71c2850a3a71.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","slug":"laurilllll","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-02T12:35:06.788Z","latestAt":"2026-10-02T12:35:06.788Z"},{"id":"01a0e791-c1ee-70ce-a893-ccb97d218bd2","type":"template.created","target":{"type":"template","id":"74122","preview":"Oda — Architect","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a13c2a-0635-71d7-a2bf-873aa5ead0fd.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","slug":"laurilllll","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-28T10:31:24.398Z","latestAt":"2026-09-28T10:31:24.398Z"},{"id":"019ed583-ee0d-74bf-9ea7-82d5d9912bbd","type":"comment.liked","target":{"type":"comment","id":"019ed4f7-f404-73aa-83d8-4545eae0534f","preview":"oh it's like magic","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"oh it's like magic"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed4e5-44af-704e-9d76-4e92c4641dd0","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ed4f7-f404-73aa-83d8-4545eae0534f"},"repost":null}},"context":{"type":"post","id":"019ed4e5-44af-704e-9d76-4e92c4641dd0","preview":"Quite amazing that this just works.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Quite amazing that this just works."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/944vii9o","targetDeleted":false,"owned":true,"actions":{"postId":"019ed4e5-44af-704e-9d76-4e92c4641dd0","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","slug":"laurilllll","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T12:17:33.703Z","latestAt":"2026-06-17T12:17:33.703Z"},{"id":"019e6408-7071-735c-9ca5-299db59505f8","type":"site.liked","target":{"type":"site","id":"15752","preview":"Umanmade","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/fb6b3eab-fefc-4950-b739-6d3eb19ae1f4/sf7bwpgj","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","slug":"laurilllll","followed":false,"followsYou":false,"badges":["pro"]}],"actorCount":1,"message":null,"resourceType":"site","visibility":"public","startedAt":"2026-05-26T11:25:35.208Z","latestAt":"2026-05-26T11:25:35.208Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:9984ee5b-4091-4e90-9d64-a3aacae916df:/unified/posts/?creator=9984ee5b-4091-4e90-9d64-a3aacae916df&with=reposts":[{"data":[{"id":"01a14b53-ffeb-729d-b4f4-bfaf8c90fe03","title":null,"body":"

Scratch Coupon, Halloween

Drop a coupon card on any page and visitors scratch it with the mouse or a finger to uncover a discount code.

Two types in one component: Coupon, the finished card with the code built in, and Overlay, just the scratch-off foil.

Eight covers drawn in code, sharp at any size: Cobweb, Gold Foil, Frost, Silver, Holographic, Hearts, Summer, or Custom.

Works on phones: touch scratches only the scratch area, so the page still scrolls.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Scratch Coupon, Halloween","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Drop a coupon card on any page and visitors scratch it with the mouse or a finger to uncover a discount code."}]},{"type":"paragraph","content":[{"type":"text","text":"Two types in one component: Coupon, the finished card with the code built in, and Overlay, just the scratch-off foil."}]},{"type":"paragraph","content":[{"type":"text","text":"Eight covers drawn in code, sharp at any size: Cobweb, Gold Foil, Frost, Silver, Holographic, Hearts, Summer, or Custom."}]},{"type":"paragraph","content":[{"type":"text","text":"Works on phones: touch scratches only the scratch area, so the page still scrolls."}]}]},"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"md3M0IItGZG5TXr1QtM0","resolved":true,"title":"Scratch Coupon","body":"$51","bodyJson":{"type":"doc","content":[{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drop a coupon card on any page and visitors scratch it with the mouse or a finger to uncover a discount code. A button copies the code in one click, and a small burst of confetti marks the reveal.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Two types in one component: ","marks":[{"type":"bold"}]},{"type":"text","text":"Coupon, the finished card with the code built in, and Overlay, just the scratch-off foil. Lay Overlay on top of your own Framer layers (a price, a prize, a whole card) and scratching uncovers them. Clicks pass through once it is revealed."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Eight covers drawn in code, sharp at any size: ","marks":[{"type":"bold"}]},{"type":"text","text":"Cobweb (Halloween), Gold Foil (Black Friday), Frost (Christmas), Silver, Holographic, Hearts (Valentine’s), Summer, or Custom in any colour you pick. One purchase covers the whole year’s campaigns."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Settings: ","marks":[{"type":"bold"}]},{"type":"text","text":"code, title, hint and cover label, how much to scratch before the rest clears, brush size, button texts, an optional link shown after the reveal, card, text and accent colours, radius and font. Remember lets a returning visitor see the code already revealed. An On Reveal event hooks into Framer interactions."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works on phones: ","marks":[{"type":"bold"}]},{"type":"text","text":"touch scratches only the scratch area, so the page still scrolls. Keyboard and screen-reader friendly: a real Reveal code button does the same as scratching, and the code is announced once revealed. Respects reduced motion, pauses off-screen and stays still in the editor."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Setup: ","marks":[{"type":"bold"}]},{"type":"text","text":"paste the component URL from your purchase into Framer and drop the component on the page. Change the code and the cover in the properties panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Licence: one project (Framer Community terms). Support: "},{"type":"text","text":"contact@no-code.supply","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:contact@no-code.supply","target":"_blank"}}]}]}]}]}]},"introduction":"Halloween scratch to reveal","slug":"scratch-coupon","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a14b52-0537-7532-b9fa-997d376e2a1b.png","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-17T19:25:57.977Z","updatedAt":"2026-10-17T19:25:57.977Z","publishedAt":"2026-10-17T19:25:57.973Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://exhilarated-advocate-190800.framer.app","price":"12","paymentUrl":"https://buy.polar.sh/polar_cl_nCV4UhArri7hG1wMSOSOmEATV8gbqjTdJ3ZcE1oFSMz","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"4AyGPOufq5d3GkvSeZh1","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-17T19:25:58.635Z","updatedAt":"2026-10-17T19:25:58.635Z","type":"post"},{"id":"01a14624-971b-73c4-aebe-ab60badacd3a","title":null,"body":"

Flashlight Reveal – Halloween Torch & Cursor Spotlight for Framer

Turn any section dark and let visitors uncover it with a flickering torch that follows the cursor.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Flashlight Reveal – Halloween Torch & Cursor Spotlight for Framer","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Turn any section dark and let visitors uncover it with a flickering torch that follows the cursor."}]}]},"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"tVnCEeqMDJn9VCuylIpd","resolved":true,"title":"Halloween Flashlight","body":"$52","bodyJson":{"type":"doc","content":[{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Put Flashlight Reveal on top of any section and it goes dark. The cursor becomes a soft torch beam that uncovers whatever is underneath: a headline, an image, an offer code or a whole hero.","marks":[{"type":"bold"}]}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"It reveals your own Framer layers","marks":[{"type":"bold"}]},{"type":"text","text":", so you design the hidden scene with Framer's tools, including CMS content. Clicks, hovers and scrolling pass straight through to the layers below."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Settings","marks":[{"type":"bold"}]},{"type":"text","text":": overlay colour and opacity, beam size, how lazily the beam follows, idle sweep or rest, rest position, click to reveal."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Presets","marks":[{"type":"bold"}]},{"type":"text","text":": Torch (warm, with a weak-battery flicker), Spotlight (crisp white stage light) and Moonlight (cool and soft)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works on phones","marks":[{"type":"bold"}]},{"type":"text","text":": when nobody is pointing, the beam sweeps the section on its own, and a tap or drag takes over."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keyboard friendly","marks":[{"type":"bold"}]},{"type":"text","text":": tabbing to a link or button underneath lifts the darkness. Respects reduced motion and stays still in the editor."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Setup","marks":[{"type":"bold"}]},{"type":"text","text":": paste the component URL from your purchase into Framer, drop it on top of a section and pin it to all four sides."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Licence","marks":[{"type":"bold"}]},{"type":"text","text":": one project (Framer Community terms). Support: "},{"type":"text","text":"contact@no-code.supply","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:contact@no-code.supply","target":"_blank"}}]}]}]}]}]},"introduction":"Torch & Cursor Spotlight","slug":"halloween-flashlight","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a14609-e52a-772d-ab0b-f200913b082c.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-16T19:16:04.878Z","updatedAt":"2026-10-16T20:11:21.482Z","publishedAt":"2026-10-16T19:16:04.875Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://perfect-desktop-116243.framer.app","price":"12","paymentUrl":"https://buy.polar.sh/polar_cl_Zn3A5o1ErH2NWN8ZTJKL4ju5AssDScYQgJR8H4Wvn2N","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"5VRyTYTe1s9EQbKgsGwm","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-16T19:16:05.531Z","updatedAt":"2026-10-16T19:16:05.531Z","type":"post"},{"id":"01a140fa-122a-706b-9fa7-e524c5b24b8f","title":null,"body":"

Haunted Overlay – Animated Halloween Particles

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Haunted Overlay – Animated Halloween Particles","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"M9C8GjAoklNRwvtjsqAk","resolved":true,"title":"Halloween Overlay","body":"$53","bodyJson":{"type":"doc","content":[{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Give any Framer site a "},{"type":"text","text":"Halloween","marks":[{"type":"bold"}]},{"type":"text","text":" mood in one drop: autumn leaves tumble, bats swoop, jack-o'-lanterns flicker, ghosts float up and mist rolls along the bottom. It sits on top of your design and every click passes straight through."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Nine elements","marks":[{"type":"bold"}]},{"type":"text","text":", each with its own amount from 0 to 10: leaves, bats, fog, pumpkins, ghosts, skulls, dancing skeletons, spiders on silk threads and corner cobwebs."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Settings","marks":[{"type":"bold"}]},{"type":"text","text":": overall density, speed and size; the autumn palette or one colour of your own for the leaves and bats; cover just this frame or the whole page; mouse scatter on or off."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Move the cursor and the particles scatter","marks":[{"type":"bold"}]},{"type":"text","text":"; drag it through a corner web and the strands part, then spring back."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works on phones","marks":[{"type":"bold"}]},{"type":"text","text":" (fewer particles on smaller screens), respects reduced motion, pauses when scrolled out of view and stays still in the editor."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Setup","marks":[{"type":"bold"}]},{"type":"text","text":": after checkout, copy the component URL shown on the order page (it stays in your Polar customer portal) and paste it into your Framer project. Drop it over a section, or set Cover to Whole page."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Licence: one project (Framer Community terms). Support: "},{"type":"text","text":"contact@no-code.supply","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:contact@no-code.supply","target":"_blank"}}]}]}]}]}]},"introduction":"Bats, leaves and fog over any page","slug":"halloween-overlay","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a140f9-59e7-7061-ba62-a3bb107a63db.png","metadata":{"tint":{"h":240,"s":8,"l":19},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-15T19:11:32.268Z","updatedAt":"2026-10-15T19:11:32.268Z","publishedAt":"2026-10-15T19:11:32.255Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://fluid-popover-288340.framer.app/","price":"9","paymentUrl":"https://buy.polar.sh/polar_cl_t3QSTCpc1lhJRmVdhYjroQkElaVL7kseTm97V2U40hn","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"oXDawISERuxRpETGWVLg","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-10-15T19:11:32.907Z","updatedAt":"2026-10-15T19:11:32.907Z","type":"post"},{"id":"01a13f17-0842-760e-9753-ae29a4faa62c","title":null,"body":"

Datum: a portfolio template where one switch turns the page into its own spec. The 12-column grid, the section padding, the type sizes, all read from the real layout.

CMS and 5 Framer Skills included.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Datum: a portfolio template where one switch turns the page into its own spec. The 12-column grid, the section padding, the type sizes, all read from the real layout."}]},{"type":"paragraph","content":[{"type":"text","text":"CMS and 5 Framer Skills included."}]}]},"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"75995","resolved":true,"title":"Datum — Maker","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Datum is a dark portfolio for a designer who also builds what they design. Your projects come first, right after the introduction, and a single pink accent marks the build side of your work."}]},{"type":"paragraph","content":[{"type":"text","text":"Its signature is a switch in the header. Turn it on and the page shows how it's made: the columns it sits on, the space around each section, the font and size of every heading, and the measurements of anything you point at. It plays once on the opening heading when the page loads."}]},{"type":"customHeading","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Five projects, each with a main image, a close-up, one result and a bar showing how many weeks went into design and how many into building"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A page for every project: key facts, a timeline of the phases, the problem, the design, the build, results, a client quote and a link to the next project"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A table of smaller projects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three services with prices and their length in weeks, plus small fixed-price jobs and common questions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"An About section with your clients, tools and talks"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A contact form where visitors pick a service, a budget and a start date"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add a project by adding one item: it appears on the home page and gets its own page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Layouts for desktop, tablet and phone, plus 404 and privacy pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Every colour and font is a shared style, so a change in one place updates the whole site"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Framer Skills","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Five ready-made instructions for Framer's AI agent, plus a page showing every colour, font and block they use:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/design-system","marks":[{"type":"code"}]},{"type":"text","text":": add new pages and sections that match the template"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/rebrand","marks":[{"type":"code"}]},{"type":"text","text":": change the name, colours, fonts and text to yours"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/content","marks":[{"type":"code"}]},{"type":"text","text":": add projects and edit services, prices and text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/effects","marks":[{"type":"code"}]},{"type":"text","text":": adjust the header switch and the week bars"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/before-publish","marks":[{"type":"code"}]},{"type":"text","text":": check every page on desktop, tablet and phone before you go live"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Try: \""},{"type":"text","text":"/content","marks":[{"type":"code"}]},{"type":"text","text":" Add a project called Tidal: 4 weeks of design and 6 weeks of building.\""}]}]},"introduction":"Dark portfolio for a builder","slug":"datum-maker","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a13f15-a828-73ef-a59a-19dd738b92de.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a13f15-bbf7-7394-b2d6-ba34a6affc11.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a13f15-cb2e-72a9-9fc3-6a895588b5ae.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a13f15-db10-776d-a63f-7861d7e0efc3.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-15T10:23:55.843Z","updatedAt":"2026-10-15T10:23:55.843Z","publishedAt":"2026-10-15T10:23:55.835Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"59","paymentUrl":"https://buy.polar.sh/polar_cl_FAovDvBZG3sUstGhHuubeFh1Z8lyBl7KA95BQ3mAcIG","remixUrl":null,"previewUrl":"https://plain-growth-998635.framer.app/","categories":[],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-15T10:23:56.482Z","updatedAt":"2026-10-15T10:23:56.482Z","type":"post"},{"id":"01a13bd5-1fe4-739c-88e4-f0e3c9acc35e","title":null,"body":"

New photography template with skills: Halation

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New photography template with skills: Halation"}]}]},"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"75911","resolved":true,"title":"Halation — Photo","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A portfolio for photographers who work in low light. Dark rooms for the photos, light paper for the words, and one red accent."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero photo that fades in from the dark, with film grain"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hours viewer: step through your photos in the order of the clock"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Four series, each photo coming into focus as you scroll"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full-screen photo view with keyboard controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A page for every series"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Services with prices, availability by month and an enquiry form"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"About with portrait, exhibitions and publications"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Photos, series and dates live in the CMS: a new series is a new item"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A design system page with every style and component"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Desktop, tablet and phone layouts, 404 and privacy pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Respects reduced motion"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Framer Skills","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/design-system","marks":[{"type":"code"}]},{"type":"text","text":": add pages and sections that match the template"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/rebrand","marks":[{"type":"code"}]},{"type":"text","text":": change the name, colours, fonts and copy for your studio"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/content","marks":[{"type":"code"}]},{"type":"text","text":": add series, photos, dates and services"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/effects","marks":[{"type":"code"}]},{"type":"text","text":": adjust the fade, grain and focus effects"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/before-publish","marks":[{"type":"code"}]},{"type":"text","text":": check every page before you go live"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"The demo photos are AI-generated placeholders. Replace them with your own."}]}]},"introduction":"A photographer's portfolio","slug":"halation-photo","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a13bcf-df2a-746e-9dcd-e4e805967338.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a13bd0-2dec-7002-a5ae-0ff445db49ca.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a13bd3-15a6-7458-a812-5a8447fd8c6b.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a13bd3-251b-7419-8057-b0e3a76c185a.png","metadata":{"tint":{"h":60,"s":26,"l":47},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-14T19:13:04.856Z","updatedAt":"2026-10-14T19:50:06.737Z","publishedAt":"2026-10-14T19:13:04.852Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"59","paymentUrl":"https://buy.polar.sh/polar_cl_CCSLSsR0bUEWNN61GgzZdejWObUDX19Q1Zmeu1slyPB","remixUrl":null,"previewUrl":"https://grateful-labeling-295911.framer.app/","categories":[],"styles":[{"id":110,"name":"Animated","slug":"animated"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":17,"name":"Photography","slug":"photography"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-14T19:13:05.508Z","updatedAt":"2026-10-14T19:13:05.508Z","type":"post"},{"id":"01a11556-3f85-72d7-b169-058f935bc521","title":null,"body":"

Parallel is a site (with Framer skills) for a venture fund or a research practice, set like a printed quarterly: warm paper, black ink, one oxblood accent, running heads, footnotes and four hand-drawn figures.

Check it out.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Parallel is a site (with Framer skills) for a venture fund or a research practice, set like a printed quarterly: warm paper, black ink, one oxblood accent, running heads, footnotes and four hand-drawn figures."}]},{"type":"paragraph","content":[{"type":"text","text":"Check it out."}]}]},"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"75089","resolved":true,"title":"Parallel — Finance","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Parallel is a site for a venture fund, an advisory practice or a research publisher, set like a printed quarterly: warm paper, black ink, one oxblood accent, running heads, footnotes and figures. One light theme, hairlines and grain."}]},{"type":"paragraph","content":[{"type":"text","text":"The manifesto inks in word by word as you read, and its footnotes slide into the margin beside the line that cites them. Around it:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"two hairlines that drift apart and back as you scroll"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"four hand-drawn figures: ladder logic, a substation, a Rotterdam-to-Pittsburgh route, a 96-well plate"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"a portfolio table you filter by sector, with counts and hover letterheads"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"a live deck queue, a pinned five-step \"how we work\" and a news ticker"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"an application form with paper and dark variants"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Native Framer throughout: sections, nav, footer, forms, 404 and privacy. Letters, companies, theses, founder quotes and news are CMS collections, and letters and companies each have a detail page "},{"type":"text","text":"/letters/:slug","marks":[{"type":"code"}]},{"type":"text","text":", "},{"type":"text","text":"/companies/:slug","marks":[{"type":"code"}]},{"type":"text","text":"). The essay, figures and counters are code components with property controls. 20 colour styles and 32 text styles, Desktop, Tablet and Phone layouts, and reduced motion respected."}]},{"type":"customHeading","content":[{"type":"text","text":"Framer Skills","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Five skills for Framer's agent, plus a "},{"type":"text","text":"/design-system","marks":[{"type":"code"}]},{"type":"text","text":" page showing every style, component and layout rule they rely on."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/design-system","marks":[{"type":"code"}]},{"type":"text","text":": add pages and sections in Parallel's grid and styles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/rebrand","marks":[{"type":"code"}]},{"type":"text","text":": another fund's name, colours, figures and copy"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/content","marks":[{"type":"code"}]},{"type":"text","text":": letters, companies, theses, quotes and news"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/effects","marks":[{"type":"code"}]},{"type":"text","text":": tune the essay, hairlines and preloader through properties"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/before-publish","marks":[{"type":"code"}]},{"type":"text","text":": check every page at Desktop, Tablet and Phone"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Try: "},{"type":"text","text":"/rebrand","marks":[{"type":"code"}]},{"type":"text","text":" Rebrand this for Brightwell, a fund for community energy, in deep green and ochre, keep the paper.\""}]}]},"introduction":"Fund and journal site","slug":"parallel-finance","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a11552-8478-71e9-8ac3-dbdddb83f329.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a13c27-ea4f-749f-9771-1624fb09b66c.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a13c27-ea49-7262-84f6-0ddc37363b28.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a13c27-eaa4-77ef-8d94-0dc571b5ea25.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-07T07:48:55.392Z","updatedAt":"2026-10-14T20:43:42.777Z","publishedAt":"2026-10-07T07:48:55.389Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"59","paymentUrl":"https://buy.polar.sh/polar_cl_kSgW8hlSFWOiHBkzBPniqvYL5Jk4YTd7KOUUk4KTINf","remixUrl":null,"previewUrl":"https://tactical-behavior-556578.framer.app/","categories":[],"styles":[{"id":236,"name":"Light","slug":"light"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":222,"name":"Grid","slug":"grid"}],"mainCategory":{"id":272,"name":"Fintech","slug":"fintech"},"features":[],"tags":[],"isAgentTemplate":true,"demoVideo":{"type":"youtube","url":"https://youtu.be/rErmVo56Usg","metadata":{"videoId":"rErmVo56Usg","title":"Parallel - Framer Agent Template demo","thumbnailUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/youtube/template-demo-video/75089/rErmVo56Usg/thumbnail.jpg"}},"skills":[{"name":"before-publish","description":"A check before publishing: headings, contrast, overflow, SEO etc. and unused style"},{"name":"effects","description":"Changing the code components and overrides: change the properties first, and keep the code’s rules."},{"name":"content","description":"Change any content, copy or CMS."},{"name":"rebrand","description":"Turning the template into another firm’s site."},{"name":"design-system","description":"Adding or changing any page or section."}]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-07T07:48:56.325Z","updatedAt":"2026-10-07T07:48:56.325Z","type":"post"},{"id":"01a1029c-5b81-7709-bdfb-ce41253cffb0","title":null,"body":"

Tender is now on the Framer Marketplace.

It's a template for spend, card and fintech products: cream paper, forest-green panels and a brushed-metal card in the hero that tilts toward the cursor.

Below the hero there's a live card maker, six working widgets, a pinned how-it-works with a phone, a calculator and a monthly or annual pricing switch. Plans, FAQ and logos are in the CMS, and the code components follow the color styles, so a new palette re-tints the card too.

It also comes with five skills for Framer's agent, from /rebrand to /before-publish.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Tender is now on the Framer Marketplace."}]},{"type":"paragraph","content":[{"type":"text","text":"It's a template for spend, card and fintech products: cream paper, forest-green panels and a brushed-metal card in the hero that tilts toward the cursor."}]},{"type":"paragraph","content":[{"type":"text","text":"Below the hero there's a live card maker, six working widgets, a pinned how-it-works with a phone, a calculator and a monthly or annual pricing switch. Plans, FAQ and logos are in the CMS, and the code components follow the color styles, so a new palette re-tints the card too."}]},{"type":"paragraph","content":[{"type":"text","text":"It also comes with five skills for Framer's agent, from /rebrand to /before-publish."}]}]},"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"74585","resolved":true,"title":"Tender — Service","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Tender is a site for a spend, card or fintech product: cream paper, forest-green panels, real amounts in mono type. One light theme, hairlines and grain, one orange accent."}]},{"type":"paragraph","content":[{"type":"text","text":"The hero is a brushed-metal payment card that tilts toward the cursor, drifts when idle and flips in after a \"card approved\" preloader you can turn off with one property. Toasts slide in with real amounts. Below it:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"a live card maker: pick a finish, a limit and a holder, watch the budget update"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"six live widgets: receipts, approvals, currency, ledger, freelancer card and client rebilling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"a pinned four-step \"how it works\" with a phone that follows the steps"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"a calculator that turns team size and transactions into hours and money"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"monthly or annual pricing over three plans, plus FAQ and a logo ticker"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Sections, nav, footer, forms, 404 and privacy pages are native Framer. Logos, plans and FAQ are CMS collections. The card, widgets, maker and calculator are code components with property controls, and their colours follow the 49 color styles, so a new palette re-tints them too. 30 text styles, Desktop, Tablet and Phone layouts, reduced motion respected."}]},{"type":"customHeading","content":[{"type":"text","text":"Framer Skills","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Five skills for Framer's agent, plus a "},{"type":"text","text":"/design-system","marks":[{"type":"code"}]},{"type":"text","text":" page showing every style, component and layout rule they rely on."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/design-system","marks":[{"type":"code"}]},{"type":"text","text":": add pages and sections in Tender's grid and styles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/rebrand","marks":[{"type":"code"}]},{"type":"text","text":": another company's name, colours, card finishes and copy"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/content","marks":[{"type":"code"}]},{"type":"text","text":": plans, FAQ, logos, toasts, card holders and calculator numbers"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/effects","marks":[{"type":"code"}]},{"type":"text","text":": tune the card, preloader and widgets through properties"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/before-publish","marks":[{"type":"code"}]},{"type":"text","text":": check every page at Desktop, Tablet and Phone"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Try: "},{"type":"text","text":"/rebrand","marks":[{"type":"code"}]},{"type":"text","text":" Rebrand this for Quartermaster, an expenses tool for film crews. Deep navy and amber instead of forest and tangerine, keep the cream paper and the metal card.\""}]},{"type":"paragraph","content":[{"type":"text","text":"Suits spend and expense tools, fintech, and finance products for agencies and studios."}]}]},"introduction":"Light spend-management SaaS","slug":"tender-service","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a10299-96cb-749b-a7df-483e9342bfa9.png","metadata":{"tint":{"h":60,"s":17,"l":51},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a13c28-953f-7772-8a2c-b7bc8a5c181d.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a13c28-9533-72e4-804d-ecc777b2903c.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a13c28-952b-744b-bc5a-74e45c4f3e06.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-03T16:32:43.152Z","updatedAt":"2026-10-14T20:44:22.261Z","publishedAt":"2026-10-03T16:32:43.149Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"59","paymentUrl":"https://buy.polar.sh/polar_cl_np0RlAUUjkEUPa4ag2Zq2CgOLrcSZCRlFGC490WTFUJ","remixUrl":null,"previewUrl":"https://bisque-posterity-745237.framer.app/","categories":[],"styles":[{"id":236,"name":"Light","slug":"light"},{"id":110,"name":"Animated","slug":"animated"},{"id":111,"name":"Minimal","slug":"minimal"}],"mainCategory":{"id":2,"name":"SaaS","slug":"saas"},"features":[],"tags":[],"isAgentTemplate":true,"demoVideo":{"type":"youtube","url":"https://youtu.be/ye_sae-Vcjc","metadata":{"videoId":"ye_sae-Vcjc","title":"Tender - Framer Agent Template demo","thumbnailUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/youtube/template-demo-video/74585/ye_sae-Vcjc/thumbnail.jpg"}},"skills":[{"name":"before-publish","description":"A check before publishing: headings, contrast, overflow, forms, SEO etc. and unused styles."},{"name":"effects","description":"Changing the code components and overrides: change the properties first, and keep the code’s rules."},{"name":"content","description":"Plans, FAQ and logos (CMS), toasts, card holders, budget categories, stories and any copy."},{"name":"rebrand","description":"Turning the template into another company’s site."},{"name":"design-system","description":"Adding or changing any page or section, the layout template, colour and text styles and components."}]}}],"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-10-03T16:32:43.905Z","updatedAt":"2026-10-03T16:32:43.905Z","type":"post"},{"id":"01a0fc9c-70ef-7764-be85-59ff5d622325","title":null,"body":"

Check out my new SaaS template called Signal — Security.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Check out my new SaaS template called Signal — Security."}]}]},"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"74501","resolved":true,"title":"Signal — Security","body":"$58","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Signal is a site for a security, observability or developer-tools company, seen from the night shift: a near-black mission-control surface where everything hums along until one thing turns red, gets triaged in plain sight and is contained with a single yes. Dark only, glass and hairlines, one acid-green accent."}]},{"type":"paragraph","content":[{"type":"text","text":"In the hero, a live infrastructure graph flares red every few seconds, a callout triages the threat and a green ring contains it, while the nav's status pill and event counter follow along. Below it:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"a working detect, decide, contain product demo"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"a typed incident replay with milestones"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"six live widgets: login map, triage queue, fleet gauge, API sparkline, key rotation and an approve button"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"a pricing calculator with a seat slider"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"before/after results that count up"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"The page is native Framer: sections, nav, footer, contact form, 404 and privacy pages. Customer stories and logos are CMS collections, and every story gets its own page. The graph, demo, replay and widgets are code components with property controls. Their colours follow the 53 color styles, so a new palette re-tints them too. 40 text styles, Desktop, Tablet and Phone layouts, and reduced motion respected."}]},{"type":"customHeading","content":[{"type":"text","text":"Framer Skills","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Five skills for Framer's agent, plus a /design-system page that shows every style, component and layout rule they rely on."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/design-system: add pages and sections in Signal's grid and styles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/rebrand: another company's name, colours, logo, voice and scripts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/content: customer stories, logos, plans, incidents and copy"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/effects: tune the graph, demo, replay and widgets"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/before-publish: check every page at Desktop, Tablet and Phone"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Try: \"/rebrand Rebrand this for Halyard, an observability startup for payment systems. Electric blue instead of acid green, keep it dark.\""}]},{"type":"paragraph","content":[{"type":"text","text":"Suits security and observability SaaS, developer tools, AI-ops platforms and infrastructure startups."}]}]},"introduction":"Dark security SaaS","slug":"signal-security","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a0fc97-c056-753a-be51-71c2850a3a71.png","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a13c29-2bdc-757d-bf74-7adadd50e1b7.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a13c29-2c5d-7296-8049-bcb707c2ed9a.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a13c29-2c4b-7329-80f7-72710975a25b.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-02T12:35:05.430Z","updatedAt":"2026-10-14T20:44:59.636Z","publishedAt":"2026-10-02T12:35:05.426Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"59","paymentUrl":"https://buy.polar.sh/polar_cl_Sed30wycn6K83zaaXVF1MIlYGuGxZgCXWw1Sc2XII67","remixUrl":null,"previewUrl":"https://sympathetic-architecture-950945.framer.app/","categories":[],"styles":[{"id":110,"name":"Animated","slug":"animated"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":2,"name":"SaaS","slug":"saas"},"features":[],"tags":[],"isAgentTemplate":true,"demoVideo":{"type":"youtube","url":"https://youtu.be/9EtghataCJo","metadata":{"videoId":"9EtghataCJo","title":"Signal - Framer Agent Template demo","thumbnailUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/youtube/template-demo-video/74501/9EtghataCJo/thumbnail.jpg"}},"skills":[{"name":"before-publish","description":"A check before publishing: headings, contrast, overflow, SEO etc. and unused styles."},{"name":"effects","description":"Changing the code components and overrides: change the properties first, and keep the code’s rules."},{"name":"content","description":"Customer stories and logos (CMS), any copy changes etc."},{"name":"rebrand","description":"Turning the template into another product’s site."},{"name":"design-system","description":"Adding or changing any page or section."}]}}],"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-10-02T12:35:06.095Z","updatedAt":"2026-10-02T12:35:06.095Z","type":"post"},{"id":"01a0e791-bf86-704a-b7c5-e3af8bd8e6a2","title":null,"body":"$59","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Oda: an architecture studio template that draws itself","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Oda is a new Framer template for small architecture and interiors studios. It's laid out like a drawing set pinned to the long table: grid paper, title blocks, sheet numbers and line drawings that draw themselves."}]},{"type":"paragraph","content":[{"type":"text","text":"What's in it:"}]},{"type":"paragraph","content":[{"type":"text","text":"A hero cabin that draws itself, with a real sun study.","marks":[{"type":"bold"}]},{"type":"text","text":" Drag the sun and the shadow moves, calculated for your studio's latitude and set to your city's live time."}]},{"type":"paragraph","content":[{"type":"text","text":"Project sheets on a sideways track","marks":[{"type":"bold"}]},{"type":"text","text":", pinned while you scroll, with a counter. Each project gets its own detail page from the CMS."}]},{"type":"paragraph","content":[{"type":"text","text":"A floor plan that builds up","marks":[{"type":"bold"}]},{"type":"text","text":" phase by phase as you read the process."}]},{"type":"paragraph","content":[{"type":"text","text":"Material samples, awards and team","marks":[{"type":"bold"}]},{"type":"text","text":" as CMS collections, and a sketch pad next to the contact form."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything you edit is native Framer:","marks":[{"type":"bold"}]},{"type":"text","text":" text, sections, nav, footer and buttons. The drawings are code components whose colours come from your color styles, so a new palette re-tints them too."}]},{"type":"paragraph","content":[{"type":"text","text":"Framer Skills for Framer's agent.","marks":[{"type":"bold"}]},{"type":"text","text":" They come with the remix. Ask it to \"rebrand this for our studio in Porto\" or \"add three projects\", and it knows the styles, the grid, the sheet numbering and the voice."}]},{"type":"paragraph","content":[{"type":"text","text":"Desktop, tablet and phone layouts, reduced motion respected, 404 and privacy pages included."}]},{"type":"paragraph","content":[{"type":"text","text":"Feedback welcome, especially from anyone who draws for a living."}]}]},"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"74122","resolved":true,"title":"Oda — Architect","body":"$5a","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Oda is a site for a small architecture or interiors studio, laid out like a drawing set pinned to the long table: grid paper, title blocks, sheet numbers and line drawings that draw themselves."}]},{"type":"paragraph","content":[{"type":"text","text":"In the hero, a timber cabin draws itself line by line and casts a real shadow. Drag the sun and the shadow moves, calculated for your studio's own city on the equinox and set to its live time. Below it:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"project sheets that slide sideways as you scroll, with progress and a counter"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"a floor plan that builds up phase by phase through the process"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"material samples with their notes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"a pencil sketch pad with PNG download, next to a native contact form"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"a live city clock in the nav"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Everything a studio edits is native Framer: text, sections, buttons, the nav, the footer, the 404 and privacy pages. Projects, people, materials and awards are CMS collections, and every project gets its own sheet page. The drawings are code components, and their colours come from the project's color styles, so a new palette re-tints them too. Desktop, Tablet and Phone layouts, and reduced motion respected."}]},{"type":"customHeading","content":[{"type":"text","text":"Framer Skills","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Five skills for Framer's agent, plus a design system page that shows every color and text style, every component and variant, and a few example sections."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/oda-design-system","marks":[{"type":"code"}]},{"type":"text","text":": add pages and sections in Oda's grid, styles and sheet numbering"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/oda-rebrand","marks":[{"type":"code"}]},{"type":"text","text":": another studio's name, city and sun study, colours, fonts and copy"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/oda-content","marks":[{"type":"code"}]},{"type":"text","text":": projects, materials, people and awards in the CMS"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/oda-code-components","marks":[{"type":"code"}]},{"type":"text","text":": tune the drawings, sun study and effects through their properties"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"/oda-before-publish","marks":[{"type":"code"}]},{"type":"text","text":": check every page at Desktop, Tablet and Phone"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Try: "},{"type":"text","text":"/oda-design-system","marks":[{"type":"code"}]},{"type":"text","text":" Add a careers page with three open roles and an application form.\""}]},{"type":"paragraph","content":[{"type":"text","text":"Suits architecture studios, interior designers, landscape architects, and builders or craftspeople who draw what they make."}]}]},"introduction":"Architecture studio","slug":"oda-architect","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a13c2a-0635-71d7-a2bf-873aa5ead0fd.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a13c2a-0648-738f-b459-811519f2ce6e.png","metadata":{"tint":{"h":0,"s":17,"l":19},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a13c2a-06a7-772c-9164-6ac6d5b6b462.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a13c2a-0661-731a-9288-a195b6626568.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-28T10:31:23.108Z","updatedAt":"2026-10-14T20:46:02.281Z","publishedAt":"2026-09-28T10:31:23.106Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"59","paymentUrl":"https://buy.polar.sh/polar_cl_5vICK57UbNy4FRuFEwvekqbvgGf74FQSZ0XtL2D596f","remixUrl":null,"previewUrl":"https://plucky-tenets-459490.framer.app/","categories":[],"styles":[{"id":236,"name":"Light","slug":"light"},{"id":110,"name":"Animated","slug":"animated"},{"id":111,"name":"Minimal","slug":"minimal"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-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":[],"isAgentTemplate":true,"demoVideo":{"type":"youtube","url":"https://youtu.be/n19ER3DeePo","metadata":{"videoId":"n19ER3DeePo","title":"Oda — Framer Agent template demo","thumbnailUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/youtube/template-demo-video/74122/n19ER3DeePo/thumbnail.jpg"}},"skills":[{"name":"oda-before-publish","description":"Before publishing, or when asked to check the site"},{"name":"oda-code-components","description":"Changing or configuring any code component or override (drawings, sun study, effects)"},{"name":"oda-content","description":"Adding or editing CMS content"},{"name":"oda-rebrand","description":"Making the template another studio's site"},{"name":"oda-design-system","description":"Adding or changing any page, section or layer"},{"name":"default","description":"The base instructions: what Oda is and which of the five skills below to use for each kind of job."}]}}],"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-28T10:31:23.782Z","updatedAt":"2026-09-28T10:31:23.782Z","type":"post"},{"id":"019ef07b-b015-76e8-a66d-510acab57000","title":null,"body":"

Okay, my "Design System for AI agents" is looking pretty good. I'm liking the results and getting some new ideas.

I might call it "Grit UI 2.0" because I already have Grit UI. Or maybe "Grit UI for Agents" 🤔

I'm starting to think of this like a "/skill" for Framer.

More soon.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Okay, my \"Design System for AI agents\" is looking pretty good. I'm liking the results and getting some new ideas."}]},{"type":"paragraph","content":[{"type":"text","text":"I might call it \"Grit UI 2.0\" because I already have Grit UI. Or maybe \"Grit UI for Agents\" "},{"type":"emoji","attrs":{"name":"thinking","emoji":"🤔"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"I'm starting to think of this like a \"/skill\" for Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"More soon."}]}]},"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-22T17:58:18.398Z","updatedAt":"2026-06-22T17:58:18.398Z","type":"post"},{"id":"019ee10e-5404-72d0-97f3-ceb10b0161ef","title":null,"body":"

I'm building a small Design System to help everyone get a head start with the @Framer Agent so it doesn't have to create everything from scratch.

Let's hope I can share it soon.

Framer Agent tokens ran out quickly, but I've been using my own skills and external agent with Framer MCP to help me build this thing for you fast.

More soon 👋

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I'm building a small Design System to help everyone get a head start with the "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" Agent so it doesn't have to create everything from scratch."}]},{"type":"paragraph","content":[{"type":"text","text":"Let's hope I can share it soon."}]},{"type":"paragraph","content":[{"type":"text","text":"Framer Agent tokens ran out quickly, but I've been using my own skills and external agent with Framer MCP to help me build this thing for you fast."}]},{"type":"paragraph","content":[{"type":"text","text":"More soon "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}},{"type":"text","text":" "}]}]},"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-19T18:04:33.160Z","updatedAt":"2026-06-19T18:04:33.160Z","type":"post"},{"id":"019ed4e5-44af-704e-9d76-4e92c4641dd0","title":null,"body":"

Quite amazing that this just works.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Quite amazing that this just works."}]}]},"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/944vii9o","metadata":{"tint":{"h":0,"s":0,"l":9},"width":251,"height":165}}],"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":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T09:24:15.668Z","updatedAt":"2026-06-17T09:24:15.668Z","type":"post"},{"id":"0199f0cd-75ab-77df-82b3-973515b4380c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"mh4mqkidhNQuto6SrTIF","resolved":true,"title":"Text Scroll Reveal","body":"$5b","bodyJson":null,"introduction":"","slug":"text-scroll-reveal","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/mh4mqkidhNQuto6SrTIF/text-scroll-reveal-GK5MH7enuferqOAwQZRPYKcl4smzEo","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-09T18:22:00.789Z","updatedAt":"2025-10-17T02:10:23.259Z","publishedAt":"2025-10-17T06:13:40.907Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://welcomed-dance-593190.framer.app/preview","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_b56AAJlz8nsSZv1CgHor49l6mQRLR31jDDbL84g8Vpo","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"UISQ2fqwJuhANKonEaos","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":"2025-10-17T06:13:40.907Z","updatedAt":"2025-10-17T06:13:40.907Z","type":"post"},{"id":"0199e941-bdd5-747d-a2b8-81a961cb9eff","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"8947","resolved":true,"title":"Goliath","body":null,"bodyJson":null,"introduction":"A software company that uses machine learning and real-time data to help real estate professionals find and engage with off-market properties.","slug":"goliath","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/8947/thumbnail-9Q08060XmtNqXAUl2OfV0jKSgnBYLK.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-15T19:03:43.828Z","updatedAt":"2025-10-15T19:03:43.828Z","publishedAt":"2025-10-15T19:03:43.829Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://goliathdata.com/","categories":[{"id":"1fec15c2-ca4a-4d52-bf3a-c04e6d002202","name":"SaaS","slug":"saas"},{"id":"b3738841-4fce-4e5d-af4b-034ff1decdba","name":"Real Estate","slug":"real-estate"}],"mainCategory":{"id":"1fec15c2-ca4a-4d52-bf3a-c04e6d002202","name":"SaaS","slug":"saas"},"styles":[{"id":"303f0ab5-6ac2-43e9-8257-f08773521d38","name":"Corporate","slug":"corporate"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-15T19:03:43.829Z","updatedAt":"2025-10-15T19:03:43.829Z","type":"post"},{"id":"0199c595-4244-73e9-80bb-045d997e399b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"hMVPF11BniQN6DNjRKxy","resolved":true,"title":"Rotating Circles","body":"$5c","bodyJson":null,"introduction":"","slug":"rotating-circles","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/hMVPF11BniQN6DNjRKxy/rotating-circles-kjZR8nymFKcAjS6qmfRc52JCCGSv9W","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-03T10:02:06.478Z","updatedAt":"2025-10-08T20:48:39.397Z","publishedAt":"2025-10-08T20:48:37.444Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://gray-platform-641215.framer.app/preview","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_WysFhqw2XckYfG1I8K7SLI0hiDVS6BbLDM6lr2sPw4w","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"H5qe51PK7nqEvBGlxOgu","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":"2025-10-08T20:48:37.444Z","updatedAt":"2025-10-08T20:48:37.444Z","type":"post"},{"id":"01991a3c-3548-7182-9a5a-94d575d36be8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"GGFFqd8RSjuG2Ns2oIbj","resolved":true,"title":"Wavy Lines","body":"$5d","bodyJson":null,"introduction":"Interactive waves","slug":"wavy-lines","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/GGFFqd8RSjuG2Ns2oIbj/wavy-lines-Qan6a5OvffinRzWycqBcElUqS2dTcV","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-05T06:42:18.992Z","updatedAt":"2026-04-16T12:13:00.806Z","publishedAt":"2025-09-05T14:16:17.480Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://loving-population-943373.framer.app/preview","price":"10","paymentUrl":"https://buy.polar.sh/polar_cl_dUuh5zM6k52q4rFtiDfsBVjhh9a2svIp6vqJG2Uk1gE","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"uNLDX0WA4NaqKjjsmcl3","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":"2025-09-05T14:16:17.480Z","updatedAt":"2025-09-05T14:16:17.480Z","type":"post"},{"id":"0198e1ed-fe44-742c-a08c-0e4820322367","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"Wm8Ziqfm0I1SvgWlBWtm","resolved":true,"title":"Tabs (Segmented)","body":"

About

Customisable tab component (segmented control) for 2-5 tabs. Works with fit, fill, relative and fixed widths.

Features

2-5 tabs
Links in tabs
Set links to have Smooth Scroll or New Tab
Change sizing from fixed to fluid
Change text size
Change background colors and text color
Change padding, border radius and shadow

","bodyJson":null,"introduction":"","slug":"tabs-segmented","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Wm8Ziqfm0I1SvgWlBWtm/tabs-segmented-5YzZCxIPPM6iuH4aQ7lWI0nwgZ3nLy","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-15T18:29:36.896Z","updatedAt":"2025-09-06T04:49:06.091Z","publishedAt":"2025-08-25T15:52:07.492Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://right-chart-262312.framer.app/preview","price":"5","paymentUrl":"https://buy.polar.sh/polar_cl_Y5OIHQpn0w8FZeJj9OthBMHKyKgxR1ttWq0Fp2ANwyx","workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"VEBbKSaiORUHCzHOlfhL","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-08-25T15:52:07.492Z","updatedAt":"2025-08-25T15:52:07.492Z","type":"post"},{"id":"0198980c-9eee-7437-a5ad-0d21e74f86bc","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"4lHBfCHf0iDWUy04SJKu","resolved":true,"title":"Breadcrumbs","body":"

About

A simple breadcrumb component. You can have 1-6 links and the current page visible. You also get a variant for deeper level of links. Responsive and easy to use.

Features

Change link color with only one variable
Two variants: 1-6 links and 6+ links
Responsive

How to use

Add component to canvas
Wrap it in a Stacked layout
Set the Breadcrumb width to Fill

","bodyJson":null,"introduction":"","slug":"breadcrumbs","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/4lHBfCHf0iDWUy04SJKu/breadcrumbs-djFENxu796dPym1SVSpCjSuU8m9JoA","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-07T05:34:54.373Z","updatedAt":"2025-08-09T12:47:48.507Z","publishedAt":"2025-08-11T07:33:40.718Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Breadcrumbs-Breadcrumbs-ASJR.js@CRkfTF3qBisH3SosYL5A","previewUrl":"https://happier-help-688398.framer.app/preview","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"CRkfTF3qBisH3SosYL5A","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":16,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-08-11T07:33:40.718Z","updatedAt":"2025-08-11T07:33:40.718Z","type":"post"},{"id":"01988ae5-2ce6-7800-ad8a-8d2ec19178b3","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"7154","resolved":true,"title":"Grit UI","body":null,"bodyJson":null,"introduction":"Grit UI is the ultimate plugin for building polished, responsive websites directly in Framer. Every section, component, and form is crafted to save you time and maintain design consistency.","slug":"grit-ui","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/7154/thumbnail-cqGzV1WjQA4iInu7FcO4itftNiyo9k.jpg","metadata":{"tint":{"h":60,"s":25,"l":13},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-08T18:15:31.813Z","updatedAt":"2025-08-08T18:16:57.107Z","publishedAt":"2025-08-08T18:15:31.814Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://grit-ui.com/","categories":[{"id":"1fec15c2-ca4a-4d52-bf3a-c04e6d002202","name":"SaaS","slug":"saas"},{"id":"b65821c4-e205-4861-a28b-1623536037f7","name":"Landing Page","slug":"landing-page"}],"mainCategory":{"id":"3b2881c5-bbfb-430d-83f6-b1b0ac597b8d","name":"Ecommerce","slug":"ecommerce"},"styles":[{"id":"bfef686f-0676-42d4-8864-38e7fea1f763","name":"Bold","slug":"bold"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-08-08T18:15:31.814Z","updatedAt":"2025-08-08T18:15:31.814Z","type":"post"},{"id":"019879e7-9e72-7f7d-b2fe-8d69735a8cbe","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"oCUKvGV6Iy8wcVfL4P1g","resolved":true,"title":"Rating 0-5","body":"

About

A CMS-friendly rating component with star and heart variants. Rating scale is 0-5 with .5 increments. Easy to use with CMS-numbers or stepper.

Features

Star and Heart icon variants
Rating as number number so it can easily be added from CMS
Show or hide text
Change text color
Change icon color
Change icon gap
Change icon stroke width
Change gap between icons and text
Left or right align

","bodyJson":null,"introduction":"","slug":"rating-0-5","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki","slug":"laurilllll","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28834/lauri-serious-square-oiiSOCE9quuV53bOJtXelfG6DgCekg.jpg","badges":["available","pro","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/oCUKvGV6Iy8wcVfL4P1g/rating-0-5-mACKZnrBHQn5XHOFIxnQFNF2Z5C5ez","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-04T17:29:40.613Z","updatedAt":"2025-08-05T10:51:16.546Z","publishedAt":"2025-08-05T11:04:39.282Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Rating-0-5-Ny6O.js@I2yTI50uicZkz8WvU3fw","previewUrl":"https://moccasin-questions-405943.framer.app/preview","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"I2yTI50uicZkz8WvU3fw","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-08-05T11:04:39.282Z","updatedAt":"2025-08-05T11:04:39.282Z","type":"post"}],"pagination":{"next":"MDE5ODc5ZTctOWU3Mi03ZjdkLWIyZmUtOGQ2OTczNWE4Y2Jl","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L5e"}]