5d:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/40ipl9wdtrm_x.js","/creators-assets/_next/static/immutable/chunks/1bd061yvfby7i.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1amcd-eostlux.js","/creators-assets/_next/static/immutable/chunks/06b9gh03a5itu.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/3xzkckc77quth.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/25aeqr2ydtz4o.js","/creators-assets/_next/static/immutable/chunks/2hfz7h1vpjv9v.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/41glpbsahf_22.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/31t_i-sjkqwxc.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/31wecb1pe5ugs.js","/creators-assets/_next/static/immutable/chunks/2bej0vd4kut9m.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0mf-dfabvof5m.js","/creators-assets/_next/static/immutable/chunks/28zsl3gu7sgg3.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/31uxrh745m-yq.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/1hrrs8zq4ee_v.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/0kwdy8yc-c0ba.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js"],"S"] 5e:T4bb,

Most dental websites are a pretty hero and then… nothing. No prices, no dentists, no way to book. Patients leave and call the clinic down the road.

That's why Firmenno built Verde Clinic — free for everyone 🦷

20 pages that answer every question a nervous patient actually has: treatments and what they cost, the dentists by name, real before & afters, insurance and finance, three clinics with opening hours and maps, FAQs, a blog.

All CMS-driven and connected — add a treatment once and it shows up everywhere, with its dentists, results and reviews.

Plus a booking form (with a slot for Cal.com or Calendly) and schema-ready local SEO, so Google gets the address, hours and ratings right.

Remix it, drop in the real practice, publish by dinner. Setup guide is inside the project.

Firmenno builds Framer templates for real businesses — firmenno.com

5f:T915,

Verde Clinic is a complete website for a dental practice — 20 pages, 8 CMS collections and a booking flow, designed around how patients actually choose a dentist.

Every page answers a question that stands between a patient and a booked appointment: what the treatment involves and what it costs, which dentist does it, what the results look like, whether their insurance is accepted, which clinic is nearest, and how to book.

What’s inside

Home · About · Treatments and treatment detail · Dentists and dentist profile · Before & After · Reviews · Prices · Insurance & Finance · Locations and location detail · FAQ · Blog and article · Book Appointment · Contact · Privacy · Terms · 404

Content that maintains itself

Eight CMS collections carry the site: Treatments, Dentists, Locations, Reviews, Cases, Prices, FAQs and Articles. Add an entry once and every page that lists it updates. Treatment pages pull their own dentists, results and reviews; each clinic carries its own hours, map and team.

Built for the phone

Desktop, tablet and phone breakpoints on every page, and the booking path is short on a phone: same-day emergency care from the first screen, treatment to dentist to booking without hunting through menus, prices that read without pinching.

Yours in an hour

Nine colour styles and two fonts drive the whole site — change them once in Assets and everything follows. The Read Me — Setup Guide page inside the project takes you from remix to published site: logo, colours, CMS, forms, publishing.

Found by patients

Per-page titles and descriptions, clean heading structure and JSON-LD for the practice, its clinics, dentists, treatments, articles and FAQs — so search engines and AI answers describe the practice correctly.

Booking your way

The appointment form sends to Framer form submissions, or point the Book buttons at Cal.com, Calendly, Doctolib or NexHealth — one link, no rebuild.

Free to remix. Questions: hello@firmenno.com

60:T525,

A clean, lightweight before/after image comparison slider for Framer. Drop in two images and let visitors drag the handle to reveal the difference. It's ideal for clinics, salons, renovation, retouching, landscaping and product makeovers.

Features

Drag or hover to compare, horizontal or vertical
Keyboard accessible: arrow keys, Home / End, screen-reader labels
Touch-friendly: page scrolling still works on phones
Optional Before / After labels with custom text, font and colours
Custom handle size and colours, divider line and corner radius
Fill or fit image modes, with a start position from 0–100%
Renders a static preview in Framer's canvas and in the SEO snapshot

How to use

Add the component to your page and set its size.
Choose the Before and After images in the properties panel.
Adjust the labels, handle and colours to match your brand.

See it live on the Before & After page of the Verde Dental template, a complete website kit for dental clinics. More Framer templates for real businesses at firmenno.com.

Made by Firmenno · hello@firmenno.com

5c:["$","$L5d",null,{"value":{"fallback":{"$inf$activity-creator-30c5043a-c186-448f-8fd4-423b3dd5a66e-all:/unified/creator/30c5043a-c186-448f-8fd4-423b3dd5a66e/activity/":[{"data":[{"id":"01a0be1d-617a-77a1-b443-ac51da7369fd","type":"template.created","target":{"type":"template","id":"73446","preview":"Verde Clinic","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/30c5043a-c186-448f-8fd4-423b3dd5a66e/01a0be09-5d0f-7468-acac-795017924066.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"30c5043a-c186-448f-8fd4-423b3dd5a66e","name":"Firmenno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/30c5043a-c186-448f-8fd4-423b3dd5a66e/kyom9bo9","slug":"firmenno","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-20T09:19:51.674Z","latestAt":"2026-09-20T09:19:51.674Z"},{"id":"01a0bde3-82a8-7187-8091-e4bd074cc770","type":"creator.followed","target":{"type":"creator","id":"f478b0de-3860-430f-9abb-62a43584a990","preview":"Farhad Ahmed","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f478b0de-3860-430f-9abb-62a43584a990/l3x6bbd8","slug":"design-with-farhad","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"30c5043a-c186-448f-8fd4-423b3dd5a66e","name":"Firmenno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/30c5043a-c186-448f-8fd4-423b3dd5a66e/kyom9bo9","slug":"firmenno","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-20T08:16:39.076Z","latestAt":"2026-09-20T08:16:39.076Z"},{"id":"01a0bde3-7eac-703e-88fe-03ecd3baa3b2","type":"creator.followed","target":{"type":"creator","id":"830039ba-56b1-42fc-a371-361e8f7a1e4c","preview":"RedDevs","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/70334/avatar-q9VjO21hdl19yEZkkQj3EgY306N2Yq.jpg","slug":"reddevs","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"30c5043a-c186-448f-8fd4-423b3dd5a66e","name":"Firmenno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/30c5043a-c186-448f-8fd4-423b3dd5a66e/kyom9bo9","slug":"firmenno","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-20T08:16:38.052Z","latestAt":"2026-09-20T08:16:38.052Z"},{"id":"01a0b952-ee85-73db-a186-bfc8e7194794","type":"comment.liked","target":{"type":"comment","id":"01a0b943-b941-776d-91b4-7e9a0ebdf640","preview":"Thanks","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks "}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0b941-1775-72bb-ae2d-5716e48b9334","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0b943-b941-776d-91b4-7e9a0ebdf640"},"repost":null}},"context":{"type":"post","id":"01a0b941-1775-72bb-ae2d-5716e48b9334","preview":"Verde Before After","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/30c5043a-c186-448f-8fd4-423b3dd5a66e/01a0b93a-a997-7730-9bea-3ee41358e9c4.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"01a0b941-1775-72bb-ae2d-5716e48b9334","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"30c5043a-c186-448f-8fd4-423b3dd5a66e","name":"Firmenno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/30c5043a-c186-448f-8fd4-423b3dd5a66e/kyom9bo9","slug":"firmenno","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-19T11:00:15.100Z","latestAt":"2026-09-19T11:00:15.100Z"},{"id":"01a0b952-be4f-733c-a8de-c891b01a8f0b","type":"creator.followed","target":{"type":"creator","id":"d7b633f0-85d0-4e75-b61f-08c45984e34b","preview":"PixlForm®","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7b633f0-85d0-4e75-b61f-08c45984e34b/pdzpgzrh","slug":"pixl-form","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"30c5043a-c186-448f-8fd4-423b3dd5a66e","name":"Firmenno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/30c5043a-c186-448f-8fd4-423b3dd5a66e/kyom9bo9","slug":"firmenno","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-19T11:00:02.761Z","latestAt":"2026-09-19T11:00:02.761Z"},{"id":"01a0b941-1ad8-70da-aa04-89bea5f8683d","type":"component.created","target":{"type":"component","id":"9FrGznGbbSkwtGWYB0MF","preview":"Verde Before After","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/30c5043a-c186-448f-8fd4-423b3dd5a66e/01a0b93a-a997-7730-9bea-3ee41358e9c4.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"30c5043a-c186-448f-8fd4-423b3dd5a66e","name":"Firmenno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/30c5043a-c186-448f-8fd4-423b3dd5a66e/kyom9bo9","slug":"firmenno","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-19T10:40:46.808Z","latestAt":"2026-09-19T10:40:46.808Z"},{"id":"01a0b2cc-2157-779f-8dba-6114f604e321","type":"creator.followed","target":{"type":"creator","id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","preview":"Framer","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/107446/xpZr8yYS_400x400-2-MqZMjb2zlessnXickTqkyAzkfqz6le.jpg","slug":"framer","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"30c5043a-c186-448f-8fd4-423b3dd5a66e","name":"Firmenno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/30c5043a-c186-448f-8fd4-423b3dd5a66e/kyom9bo9","slug":"firmenno","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T04:35:17.451Z","latestAt":"2026-09-18T04:35:17.451Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:30c5043a-c186-448f-8fd4-423b3dd5a66e:/unified/posts/?creator=30c5043a-c186-448f-8fd4-423b3dd5a66e&with=reposts":[{"data":[{"id":"01a0be1d-5f53-758f-a254-333ef396a4b9","title":null,"body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Most dental websites are a pretty hero and then… nothing. No prices, no dentists, no way to book. Patients leave and call the clinic down the road."}]},{"type":"paragraph","content":[{"type":"text","text":"That's why Firmenno built Verde Clinic — free for everyone "},{"type":"emoji","attrs":{"name":"tooth","emoji":"🦷"}}]},{"type":"paragraph","content":[{"type":"text","text":"20 pages","marks":[{"type":"bold"}]},{"type":"text","text":" that answer every question a nervous patient actually has: treatments and what they cost, the dentists by name, real before & afters, insurance and finance, three clinics with opening hours and maps, FAQs, a blog."}]},{"type":"paragraph","content":[{"type":"text","text":"All CMS-driven and connected","marks":[{"type":"bold"}]},{"type":"text","text":" — add a treatment once and it shows up everywhere, with its dentists, results and reviews."}]},{"type":"paragraph","content":[{"type":"text","text":"Plus a "},{"type":"text","text":"booking form","marks":[{"type":"bold"}]},{"type":"text","text":" (with a slot for "},{"type":"text","text":"Cal.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://Cal.com","target":"_blank"}}]},{"type":"text","text":" or Calendly) and "},{"type":"text","text":"schema-ready local SEO","marks":[{"type":"bold"}]},{"type":"text","text":", so Google gets the address, hours and ratings right."}]},{"type":"paragraph","content":[{"type":"text","text":"Remix it, drop in the real practice, publish by dinner. Setup guide is inside the project."}]},{"type":"paragraph","content":[{"type":"text","text":"Firmenno builds Framer templates for real businesses — ","marks":[{"type":"italic"}]},{"type":"text","text":"firmenno.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://firmenno.com","target":"_blank"}},{"type":"italic"}]}]}]},"author":{"framerUserId":"30c5043a-c186-448f-8fd4-423b3dd5a66e","name":"Firmenno","slug":"firmenno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/30c5043a-c186-448f-8fd4-423b3dd5a66e/kyom9bo9","followed":false,"followsYou":false},"media":[],"resources":[{"id":"73446","resolved":true,"title":"Verde Clinic","body":"$5f","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Verde Clinic is a complete website for a dental practice — "},{"type":"text","text":"20 pages, 8 CMS collections and a booking flow","marks":[{"type":"bold"}]},{"type":"text","text":", designed around how patients actually choose a dentist."}]},{"type":"paragraph","content":[{"type":"text","text":"Every page answers a question that stands between a patient and a booked appointment: what the treatment involves and what it costs, which dentist does it, what the results look like, whether their insurance is accepted, which clinic is nearest, and how to book."}]},{"type":"customHeading","content":[{"type":"text","text":"What’s inside"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Home · About · Treatments and treatment detail · Dentists and dentist profile · Before & After · Reviews · Prices · Insurance & Finance · Locations and location detail · FAQ · Blog and article · Book Appointment · Contact · Privacy · Terms · 404"}]},{"type":"customHeading","content":[{"type":"text","text":"Content that maintains itself"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Eight CMS collections carry the site: "},{"type":"text","text":"Treatments, Dentists, Locations, Reviews, Cases, Prices, FAQs and Articles","marks":[{"type":"bold"}]},{"type":"text","text":". Add an entry once and every page that lists it updates. Treatment pages pull their own dentists, results and reviews; each clinic carries its own hours, map and team."}]},{"type":"customHeading","content":[{"type":"text","text":"Built for the phone"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Desktop, tablet and phone breakpoints on every page, and the booking path is short on a phone: same-day emergency care from the first screen, treatment to dentist to booking without hunting through menus, prices that read without pinching."}]},{"type":"customHeading","content":[{"type":"text","text":"Yours in an hour"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Nine colour styles and two fonts drive the whole site — change them once in Assets and everything follows. The "},{"type":"text","text":"Read Me — Setup Guide","marks":[{"type":"bold"}]},{"type":"text","text":" page inside the project takes you from remix to published site: logo, colours, CMS, forms, publishing."}]},{"type":"customHeading","content":[{"type":"text","text":"Found by patients"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Per-page titles and descriptions, clean heading structure and "},{"type":"text","text":"JSON-LD","marks":[{"type":"bold"}]},{"type":"text","text":" for the practice, its clinics, dentists, treatments, articles and FAQs — so search engines and AI answers describe the practice correctly."}]},{"type":"customHeading","content":[{"type":"text","text":"Booking your way"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"The appointment form sends to Framer form submissions, or point the Book buttons at "},{"type":"text","text":"Cal.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://Cal.com","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":", Calendly, Doctolib or NexHealth","marks":[{"type":"bold"}]},{"type":"text","text":" — one link, no rebuild."}]},{"type":"paragraph","content":[{"type":"text","text":"Free to remix. Questions: ","marks":[{"type":"italic"}]},{"type":"text","text":"hello@firmenno.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hello@firmenno.com","target":"_blank"}},{"type":"italic"}]}]}]},"introduction":"Dental Clinic & Dentist Website","slug":"verde-clinic","author":{"framerUserId":"30c5043a-c186-448f-8fd4-423b3dd5a66e","name":"Firmenno","slug":"firmenno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/30c5043a-c186-448f-8fd4-423b3dd5a66e/kyom9bo9","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/30c5043a-c186-448f-8fd4-423b3dd5a66e/01a0be09-5d0f-7468-acac-795017924066.jpg","metadata":{"tint":{"h":180,"s":40,"l":16},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/30c5043a-c186-448f-8fd4-423b3dd5a66e/01a0be0e-4da8-7083-91ff-87d4fcf45356.jpg","metadata":{"tint":{"h":60,"s":17,"l":51},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/30c5043a-c186-448f-8fd4-423b3dd5a66e/01a0be0e-67da-7411-8e30-74b3c9e6ee9a.jpg","metadata":{"tint":{"h":60,"s":26,"l":47},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/30c5043a-c186-448f-8fd4-423b3dd5a66e/01a0be0e-8671-71ae-aad3-46379b27b4b1.jpg","metadata":{"tint":{"h":60,"s":26,"l":47},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/30c5043a-c186-448f-8fd4-423b3dd5a66e/01a0be0e-9fa4-71fa-a209-da0ef88ed781.jpg","metadata":{"tint":{"h":180,"s":40,"l":16},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-20T09:19:50.505Z","updatedAt":"2026-09-20T09:19:50.505Z","publishedAt":"2026-09-20T09:19:50.502Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.com/remix/5CcIbpebtl52WDe15n1f","remixUrl":"https://framer.com/remix/5CcIbpebtl52WDe15n1f","previewUrl":"https://verde-dental.framer.website/","categories":[{"id":13,"name":"Health","slug":"health"},{"id":275,"name":"Beauty","slug":"beauty"},{"id":280,"name":"Wellness","slug":"wellness"},{"id":209,"name":"Dental","slug":"dental"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[],"mainCategory":{"id":238,"name":"Medical","slug":"medical"},"features":[{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-20T09:19:51.123Z","updatedAt":"2026-09-20T09:19:51.123Z"},{"id":"01a0b941-1775-72bb-ae2d-5716e48b9334","title":null,"body":"

Just released a free Before / After Slider for Framer 🦷✨

Drop in two images and let visitors drag, hover or use the arrow keys to compare. It's touch-friendly, accessible and fully customisable: labels, handle, colours, direction.

Made for clinics, salons, renovation and retouching. See it live on the Verde Dental demo.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just released a free Before / After Slider for Framer "},{"type":"emoji","attrs":{"name":"tooth","emoji":"🦷"}},{"type":"text","text":"✨"}]},{"type":"paragraph","content":[{"type":"text","text":"Drop in two images and let visitors drag, hover or use the arrow keys to compare. It's touch-friendly, accessible and fully customisable: labels, handle, colours, direction."}]},{"type":"paragraph","content":[{"type":"text","text":"Made for clinics, salons, renovation and retouching. See it live on the Verde Dental demo."}]}]},"author":{"framerUserId":"30c5043a-c186-448f-8fd4-423b3dd5a66e","name":"Firmenno","slug":"firmenno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/30c5043a-c186-448f-8fd4-423b3dd5a66e/kyom9bo9","followed":false,"followsYou":false},"media":[],"resources":[{"id":"9FrGznGbbSkwtGWYB0MF","resolved":true,"title":"Verde Before After","body":"$60","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A clean, lightweight before/after image comparison slider for Framer. Drop in two images and let visitors drag the handle to reveal the difference. It's ideal for clinics, salons, renovation, retouching, landscaping and product makeovers."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag or hover to compare, horizontal or vertical"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Keyboard accessible: arrow keys, Home / End, screen-reader labels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Touch-friendly: page scrolling still works on phones"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional Before / After labels with custom text, font and colours"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom handle size and colours, divider line and corner radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fill or fit image modes, with a start position from 0–100%"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Renders a static preview in Framer's canvas and in the SEO snapshot"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"How to use"}],"attrs":{"level":2}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add the component to your page and set its size."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose the Before and After images in the properties panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjust the labels, handle and colours to match your brand."}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"See it live on the Before & After page of the Verde Dental template, a complete website kit for dental clinics. More Framer templates for real businesses at firmenno.com."}]},{"type":"paragraph","content":[{"type":"text","text":"Made by Firmenno · "},{"type":"text","text":"hello@firmenno.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:hello@firmenno.com","target":"_blank"}}]}]}]},"introduction":"Drag to compare two images","slug":"verde-before-after","author":{"framerUserId":"30c5043a-c186-448f-8fd4-423b3dd5a66e","name":"Firmenno","slug":"firmenno","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/30c5043a-c186-448f-8fd4-423b3dd5a66e/kyom9bo9","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/30c5043a-c186-448f-8fd4-423b3dd5a66e/01a0b93a-a997-7730-9bea-3ee41358e9c4.jpg","metadata":{"tint":{"h":180,"s":40,"l":16},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-19T10:40:45.302Z","updatedAt":"2026-09-19T10:57:58.759Z","publishedAt":"2026-09-19T10:40:45.299Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/FirmennoBeforeAfter-3GI5wm.js@rOVZ5j5ErZ9hLcpKt15x","previewUrl":"https://verde-dental.framer.website/results","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"rOVZ5j5ErZ9hLcpKt15x","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-19T10:40:45.941Z","updatedAt":"2026-09-19T10:40:45.941Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L61"}]