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

53: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.

54: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.

55: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.

56: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.

57: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.

58: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.

59: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.

5a:T40a,

With 9 unique pages and 6 CMS collections (Blog, Cases, Testimonials, Pricing, Team, Solutions), Dynamiq offers a seamless blend of functionality and innovation.

The template features a beautiful parallax effect and subtle animations, providing a visually compelling experience that captivates and engages visitors.

Designed for ease of use, Dynamiq requires no coding skills, making it accessible for everyone. Its responsive layout ensures a perfect display on desktop, tablet, and mobile devices.

Specs

9 unique pages + 404 page
6 CMS collections (Blog, Cases, Testimonials, Pricing, Team, Solutions)
Framer Layout Templates
Framer Forms
Framer CMS References
Beautiful parallax effect
Text animations
Subtle layout animations
No coding skills needed
Responsive layout: desktop, tablet and mobile

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-9984ee5b-4091-4e90-9d64-a3aacae916df-all:/unified/creator/9984ee5b-4091-4e90-9d64-a3aacae916df/activity/":[{"data":[{"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 / no-code.supply","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","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 / no-code.supply","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 / no-code.supply","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","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a0fe0d-2492-700e-aa98-8a5742117ca6.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki / no-code.supply","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 / no-code.supply","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 / no-code.supply","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":"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 / no-code.supply","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":"$52","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, set like a","slug":"parallel-finance","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki / no-code.supply","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/01a11552-db74-74d8-8eaf-a4b129e172ff.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/01a11553-2147-717e-9c70-23a150416d60.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/01a11553-21a6-765b-b186-44bb0504a2f6.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-07T07:48:55.392Z","updatedAt":"2026-10-07T07:49:28.019Z","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":false,"demoVideo":null,"skills":[]}}],"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"},{"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 / no-code.supply","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","body":"$53","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 site w","slug":"tender","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki / no-code.supply","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/01a1029a-5de9-773d-b600-bcfa60b9ddf7.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a1029a-8ae3-75e8-a8ba-4125d72d5741.png","metadata":{"tint":{"h":180,"s":67,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9984ee5b-4091-4e90-9d64-a3aacae916df/01a1029a-df8d-720a-bec0-74f17fb94468.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-03T16:32:43.152Z","updatedAt":"2026-10-03T16:32:43.152Z","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":false,"demoVideo":null,"skills":[]}}],"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"},{"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 / no-code.supply","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":"$54","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 site with a liv","slug":"signal-security","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki / no-code.supply","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/01a0fc98-b997-7551-956f-610e9942549d.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/01a0fc98-b954-77ef-a6b2-7476300487a7.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/01a0fc98-b963-77ef-a1b9-e4f8a74153ae.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-02T12:35:05.430Z","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":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-02T12:35:06.095Z","updatedAt":"2026-10-02T12:35:06.095Z"},{"id":"01a0e791-bf86-704a-b7c5-e3af8bd8e6a2","title":null,"body":"$55","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 / no-code.supply","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","body":"$56","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 template that","slug":"oda","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki / no-code.supply","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/01a0fe0d-2492-700e-aa98-8a5742117ca6.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/01a0fe0d-2476-72ff-9598-a76c1fac7157.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/01a0fe0d-2401-7580-8027-7921dff661db.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/01a0fe0d-240e-747c-929b-3e3d09c95723.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-02T19:17:54.744Z","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":false,"demoVideo":null,"skills":[]}}],"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"},{"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 / no-code.supply","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"},{"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 / no-code.supply","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"},{"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 / no-code.supply","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"},{"id":"0199f0cd-75ab-77df-82b3-973515b4380c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki / no-code.supply","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":"$57","bodyJson":null,"introduction":"","slug":"text-scroll-reveal","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki / no-code.supply","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"},{"id":"0199e941-bdd5-747d-a2b8-81a961cb9eff","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki / no-code.supply","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 / no-code.supply","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":"b3738841-4fce-4e5d-af4b-034ff1decdba","name":"Real Estate","slug":"real-estate"},{"id":"1fec15c2-ca4a-4d52-bf3a-c04e6d002202","name":"SaaS","slug":"saas"}],"mainCategory":null,"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"},{"id":"0199c595-4244-73e9-80bb-045d997e399b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki / no-code.supply","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":"$58","bodyJson":null,"introduction":"","slug":"rotating-circles","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki / no-code.supply","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"},{"id":"01991a3c-3548-7182-9a5a-94d575d36be8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki / no-code.supply","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":"$59","bodyJson":null,"introduction":"Interactive waves","slug":"wavy-lines","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki / no-code.supply","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"},{"id":"0198e1ed-fe44-742c-a08c-0e4820322367","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki / no-code.supply","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 / no-code.supply","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"},{"id":"0198980c-9eee-7437-a5ad-0d21e74f86bc","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki / no-code.supply","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 / no-code.supply","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://hy.chujiqiqi.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"},{"id":"01988ae5-2ce6-7800-ad8a-8d2ec19178b3","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki / no-code.supply","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 / no-code.supply","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":null,"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"},{"id":"019879e7-9e72-7f7d-b2fe-8d69735a8cbe","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki / no-code.supply","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 / no-code.supply","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://hy.chujiqiqi.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"},{"id":"01946493-129c-754b-9646-5e9f22ebde2c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki / no-code.supply","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":"879","resolved":true,"title":"UX Tools","body":null,"bodyJson":null,"introduction":"I developed UX Tools website and it's 2024 Design Tools Survey. It has 18 CMS collections, 72 static pages + blog, 100s of interactive charts and hundreds of components.","slug":"ux-tools","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki / no-code.supply","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":"video","url":"https://stream.mux.com/nvmEK65xZwT41oKce86cjDzjILsBbzkPe2Sg4ZpTuRw.m3u8","metadata":{"posterUrl":"https://image.mux.com/nvmEK65xZwT41oKce86cjDzjILsBbzkPe2Sg4ZpTuRw/thumbnail.webp?time=2.383","aspectRatio":"4:3","duration":13.083333}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/sites/879/thumbnail-PBUEwlxywYNkMsZw5VyjXKxxe96kvF.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-01-14T11:29:07.739Z","updatedAt":"2025-08-05T17:54:24.206Z","publishedAt":"2025-01-14T11:29:07.740Z","featuredAt":null,"approvedAt":null,"type":"site","attributes":{"url":"https://www.uxtools.co/","categories":[{"id":"03ece1c0-33fd-4e34-aa33-4dea1ef0c4b3","name":"Blog","slug":"blog"}],"mainCategory":null,"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-01-14T11:29:07.740Z","updatedAt":"2025-01-14T11:29:07.740Z"},{"id":"01905ee0-0fde-760d-bcec-3e45f87d3239","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki / no-code.supply","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":"45297","resolved":true,"title":"Dynamiq","body":"$5a","bodyJson":null,"introduction":"Modern Agency Template","slug":"dynamiq","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki / no-code.supply","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/templates/45297/dynamiq-nP78rB6i5BCORqLdZlc4wIwxCsT9vb","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/45297/dynamiq-m6AQYJrwALDKK59Yg4B3abrSKhneR7","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/45297/dynamiq-11NxMOapJSH94I7LLmAKNkrtAyqSfJ","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/45297/dynamiq-NQy6E24YFHmIJGi72vXhF9b4PvRbrT","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2400,"height":1800}}],"post":null,"createdAt":"2024-07-05T08:54:22.148Z","updatedAt":"2025-08-21T10:25:44.560Z","publishedAt":"2024-06-28T00:00:00.000Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/UQ8tuZU","remixUrl":"https://framer.link/UQ8tuZU","previewUrl":"https://dynamiq.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":22,"name":"Startup","slug":"startup"},{"id":2,"name":"SaaS","slug":"saas"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[],"mainCategory":{"id":2,"name":"SaaS","slug":"saas"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"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":"2024-06-28T12:44:20.830Z","updatedAt":"2024-06-28T12:44:20.830Z"},{"id":"018e7212-b41d-77e4-a0dc-8ba02b7bb752","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki / no-code.supply","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":"45513","resolved":true,"title":"SoloStore","body":"

SoloStore is a minimalist portfolio and ecommerce template, crafted for designers and creators seeking to prominently feature their work. With an emphasis on simplicity and style, its layout is sleek and visually striking, designed to captivate and engage audiences.

Specs

9 unique pages
3 CMS collections (Blog, Products, Work)
Filtered product listing page
PDF download for CV
Showcase your tech stack and services you provide
Logo wall to highlight all your clients
Fast and delightful user experience powered by meaningful animations
No coding skills needed
Responsive layout: desktop, tablet and mobile

","bodyJson":null,"introduction":"Minimalist Ecommerce Template","slug":"solostore","author":{"framerUserId":"9984ee5b-4091-4e90-9d64-a3aacae916df","name":"Lauri Lännenmäki / no-code.supply","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/templates/45513/solostore-sGoikQtZveQH7m9n5a9LQ2wCSYJytK","metadata":{"tint":{"h":0,"s":0,"l":9},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/45513/solostore-TJCxle2PWVnGJySev2eBrfGDLh2u4y","metadata":{"tint":{"h":0,"s":0,"l":9},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/45513/solostore-D55JJ8zQweFGE3wY7ilxZLqRJ8rCps","metadata":{"tint":{"h":0,"s":0,"l":9},"width":2400,"height":1800}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/45513/solostore-8zBkHPkihfovwztL6x2SzsfNYO5RF1","metadata":{"tint":{"h":0,"s":0,"l":9},"width":2400,"height":1800}}],"post":null,"createdAt":"2024-07-05T08:54:22.148Z","updatedAt":"2025-08-22T10:53:18.927Z","publishedAt":"2024-03-24T00:00:00.000Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/7aOrerG","remixUrl":"https://framer.link/7aOrerG","previewUrl":"https://solostore.framer.website/","categories":[{"id":16,"name":"Personal","slug":"personal"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":11,"name":"Ecommerce","slug":"ecommerce"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[],"mainCategory":{"id":11,"name":"Ecommerce","slug":"ecommerce"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2024-03-24T20:06:52.189Z","updatedAt":"2024-03-24T20:06:52.189Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L5b"}]