5f:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/1vk5xg1mibcjq.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/2mf33jqz4ld0j.js","/creators-assets/_next/static/immutable/chunks/2en52pgabknz6.js","/creators-assets/_next/static/immutable/chunks/0r10zdsyx-ur2.js","/creators-assets/_next/static/immutable/chunks/3i2xzlvy6l_e6.js","/creators-assets/_next/static/immutable/chunks/0h4bpdjiu20m1.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/2sy08qrc_3y80.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/0qjkjysef9cop.js","/creators-assets/_next/static/immutable/chunks/43086d68m86ee.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/3kdp38xspo624.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3pg_3ot7t5tps.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/1lgvv0hmo8iou.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/1xzntyuuknw6z.js","/creators-assets/_next/static/immutable/chunks/3um5ae_udgvki.js","/creators-assets/_next/static/immutable/chunks/2m-zjjbxmagmn.js","/creators-assets/_next/static/immutable/chunks/1pih5-tmb9v-o.js","/creators-assets/_next/static/immutable/chunks/2schrvc7zmj3_.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/31uxrh745m-yq.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/0qidl8fzyhhwz.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3f3_s-b6nbylc.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js"],"S"] 60:T63e,

Dinnerbell is a bold, editorial Framer template for meal-kit services, food delivery, restaurants and subscription food brands. Chunky serif type, hard-shadow cards and a fresh, colorful palette give food businesses a website that feels as good as the food tastes.

Tired of templates that look like they've been sitting in the fridge too long? Dinnerbell is alive, loud and served hot: a template with a pulse, a personality and a serious appetite for conversions.

What's included

12 pages: Home, Menu, Recipe, Plans, Gifts, About, Journal, Article, FAQ, Contact, Legal and a custom 404
4 CMS collections (Recipes, Reviews, Journal and FAQ), each connected to reusable cards and detail pages
Live menu filtering by diet, built with native Framer features
Reusable components: buttons, recipe, review, plan and journal cards, an FAQ accordion, a navigation with mobile menu, a footer, a page header and a call-to-action banner
Fully responsive desktop, tablet and phone layouts
Purposeful motion: tickers, hover lifts, scroll reveals and text animations
Organized color and text styles for quick rebranding
Working contact and newsletter forms using Framer Forms
Free Google fonts (Fraunces and DM Sans) and Phosphor icons

Please note: checkout, customer accounts and payments are not included. Connect the calls to action to your own store or ordering platform. Images are from Unsplash.

61:T76d,

Every navigation starts with the screen covered, then it tears down the middle and both halves pull away to reveal the page underneath.

The seam is a real tear, not a straight split. The edge is generated as a correlated walk, so it wanders and frays like torn paper, and the two halves interlock exactly. No gap, no visible join. Change the Seed and you get a completely different tear, so no two sites look alike.

HOW TO USE

Drop it on a page. It covers the viewport and plays on mount, so it runs on every navigation to that page. Add it to a Layout Template to cover a whole site at once, or place it per page to control exactly where it appears. Nothing to wire up.

CONTROLS

Fill. Solid colour, a two stop gradient with angle, or an image set to fill the screen or tile. The background spans the full viewport and is anchored per half, so gradients and images stay continuous across the tear instead of restarting in each panel.

Tear. Sideways or up and down.

Depth. How far the tear wanders across the screen.

Roughness. From a clean split to heavy fraying.

Detail. Points along the edge, up to 400 for a finely frayed seam.

Seed. Reroll the tear shape.

Duration, Delay and Easing. From a fast snap to a slow, deliberate rip, with an optional hold before it opens.

BUILT TO BEHAVE

No screenshots, no canvas capture, no WebGL, no click interception. It is two fixed elements with a generated clip path, animated once on mount. It never touches your links or your routing, so navigation behaves exactly as it did before.

Fully responsive. Every dimension is relative, so the tear lands the same on a phone as it does on a 4K display, and it respects the page it reveals.

Note: the tear plays on the page it is placed on. Add it to each page you want it on, or use a Layout Template to cover them all.

62:T4dc,

Password Morph is a password field with a small moment of magic. Each character you type shows for an instant, crumbles into dust, and leaves a dot behind, just like a regular password field, only far more satisfying.

It's a real password input underneath, so browsers, autofill and password managers work as usual. The dust follows your caret, erodes each character from left to right, and drifts away on its own, even while the page scrolls.

Everything is adjustable from the properties panel:

Field: placeholder, name, required, autofill mode
Style: font, fill, border, focus color, radius, padding
Colors: separate text, dot, dust and placeholder colors
Dots: size of the dot left behind each character
Timing: reveal time, crumble speed, drift duration
Dust: direction, spread, speed and grain size
Privacy: flash the typed character, or crumble a dot so the password is never shown

Built for performance: particles run on a single canvas that only animates while you type, and fast pastes are capped so nothing stalls. Visitors who have reduced motion turned on get plain dots with no animation.

63:T839,

2115 — trimming to land under 2000 with headroom:

1987 characters. Paste-ready:

Liquid Glass Grid puts a droplet of glass under the cursor. The dot grid beneath never scrambles — every dot holds its lattice position. What moves is the light passing through them.

HOW IT WORKS

The blob is a real lens, not a blur. Dots inside it are remapped through a refraction profile: a flat, magnified core, then a compressed outer band that squeezes the remaining dots against the rim. That compression creates the bright, dense refraction ring hugging the edge — the detail your eye reads as glass rather than overlay. The mapping is continuous at the boundary, so there is no seam.

The blob behaves like a droplet. Three animated harmonics ripple its outline so it is never a circle. It trails the cursor on a spring and stretches along its direction of travel with a volume-preserving squash, settling as it rests. On exit the lens winds down on an ease-out decay rather than cutting off.

Above the refracted dots sits the glass body: a tint that stays clear in the middle and frosts toward the rim, a specular sheen, a wet glint, a rim light and edge darkening.

PROPERTIES

Dot Color, Dot Size, Spacing, Blob Size, Follow, Dot Scale, Brighten, Glass, Magnify, Edge Bend, Wobble, Squash, Chromatic, Tint, Tint Opacity, Rim Light. Every control carries inline help. Turn Glass off and dots still scale and brighten under the cursor.

THEME SUPPORT

Dot Color and Tint accept hex, RGB and Framer color styles, resolved live every frame, so dots switch between your light and dark tokens instantly.

PERFORMANCE

One hardware-accelerated canvas on requestAnimationFrame. Dots outside the lens are batched into a single fill; only those inside pay for the lens math. Density is capped automatically, output is at native pixel ratio, and the grid rebuilds on resize. Pointer tracking is window-level, so it works as a true background behind your content.

64:T468,

An interactive card carousel where one card sits expanded and the rest collapse into vertical pills. Click any pill and it expands into the wide slot, pushing the previously active card back into a pill — the swap runs on a spring with a subtle 3D perspective shift, so cards read as rotating into and out of depth rather than just changing width.

Holds three to five cards. Each card takes a heading, a description, a background image, and an optional link that fires on the expanded card.

Controls

Card count · expanded and pill widths (as ratios, so the row always fills its container) · gap · corner radius · heading color and size · description color and size · overlay tint and opacity for image contrast · spring stiffness, damping, and mass for the width transition · 3D depth intensity for the tilt on collapse · which card is expanded on load · image object-fit for aspect handling.

Fully responsive — set the container width and the row scales with it. Respects prefers-reduced-motion (falls back to a plain width transition, no perspective).

5e:["$","$L5f",null,{"value":{"fallback":{"$inf$activity-creator-29ef87c6-7130-4312-ac0b-e05b305c9c22-all:/unified/creator/29ef87c6-7130-4312-ac0b-e05b305c9c22/activity/":[{"data":[{"id":"01a0d3f9-c42b-7091-9c42-b80a92ca6503","type":"template.created","target":{"type":"template","id":"73834","preview":"Ashgrid","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0d402-7155-7216-9ce6-ce78a6bee301.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/364007/cd076b4765aa11c75588c19531fd9a29-3oHyBVRUPeSuDKJY1G75heeBMuhL9U","slug":"runicdevs","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-24T15:12:36.394Z","latestAt":"2026-09-24T15:12:36.394Z"},{"id":"01a0c989-ad9d-71b9-9887-af04f52bbb92","type":"template.created","target":{"type":"template","id":"73616","preview":"Dinnerbell","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0c988-9a73-704a-a0b6-0029e85d3062.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/364007/cd076b4765aa11c75588c19531fd9a29-3oHyBVRUPeSuDKJY1G75heeBMuhL9U","slug":"runicdevs","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-22T14:33:58.429Z","latestAt":"2026-09-22T14:33:58.429Z"},{"id":"01a0c4a0-e1df-779c-a8f8-78526553ecd5","type":"component.created","target":{"type":"component","id":"IqYx9Tqn0drsz95MSKw7","preview":"Page Tear Transition","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0c4a0-53a8-73e9-a129-f70477dd3476.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/364007/cd076b4765aa11c75588c19531fd9a29-3oHyBVRUPeSuDKJY1G75heeBMuhL9U","slug":"runicdevs","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-21T15:41:13.055Z","latestAt":"2026-09-21T15:41:13.055Z"},{"id":"01a090d6-7721-7038-ab6c-7b13b713d2bc","type":"component.created","target":{"type":"component","id":"KE6gS5gAZeqmsaQxxW3p","preview":"Password Morph","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a090d5-cb03-734f-a086-5d0b02b1cc72.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/364007/cd076b4765aa11c75588c19531fd9a29-3oHyBVRUPeSuDKJY1G75heeBMuhL9U","slug":"runicdevs","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-11T14:19:29.441Z","latestAt":"2026-09-11T14:19:29.441Z"},{"id":"01a0861b-6cdf-7048-a9b8-85191aa8931e","type":"component.created","target":{"type":"component","id":"tYVsOEOjAVkEaPD9HVIy","preview":"Droplet Reveal","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0861a-f8e1-7490-a84e-e6f8712be3b5.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/364007/cd076b4765aa11c75588c19531fd9a29-3oHyBVRUPeSuDKJY1G75heeBMuhL9U","slug":"runicdevs","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-09T12:18:59.423Z","latestAt":"2026-09-09T12:18:59.423Z"},{"id":"01a0776f-8d8a-76b8-bc3c-2e1ab40b1544","type":"component.created","target":{"type":"component","id":"UVgT5vQ2SutJLVenPY32","preview":"Liquid Glass Grid","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0776f-6c55-7368-b8e1-0c1e156b7325.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/364007/cd076b4765aa11c75588c19531fd9a29-3oHyBVRUPeSuDKJY1G75heeBMuhL9U","slug":"runicdevs","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-06T15:56:34.570Z","latestAt":"2026-09-06T15:56:34.570Z"},{"id":"01a067d4-654a-7444-b065-2ee54828f46f","type":"template.liked","target":{"type":"template","id":"72248","preview":"Brikon","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/830039ba-56b1-42fc-a371-361e8f7a1e4c/01a05bfd-791f-7179-b2cd-44e0b684b3e2.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/364007/cd076b4765aa11c75588c19531fd9a29-3oHyBVRUPeSuDKJY1G75heeBMuhL9U","slug":"runicdevs","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-03T15:12:47.942Z","latestAt":"2026-09-03T15:12:47.942Z"},{"id":"01a067d2-fc9a-743f-954f-cb1079f6e2aa","type":"component.created","target":{"type":"component","id":"jOl9TLti4Cz15J3YdhS6","preview":"Ease Scroll Carousel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a067d2-49e9-724a-9c4f-d44be70a0333.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/364007/cd076b4765aa11c75588c19531fd9a29-3oHyBVRUPeSuDKJY1G75heeBMuhL9U","slug":"runicdevs","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-03T15:11:15.610Z","latestAt":"2026-09-03T15:11:15.610Z"},{"id":"01a058af-4fcf-73bc-807b-d493a2a6e75f","type":"component.created","target":{"type":"component","id":"YXVslsJJp0aD5DOH3AqD","preview":"Smooth Scroll to Top","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a05962-0d32-74b4-903c-7cf50d231dad.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/364007/cd076b4765aa11c75588c19531fd9a29-3oHyBVRUPeSuDKJY1G75heeBMuhL9U","slug":"runicdevs","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-31T16:37:59.375Z","latestAt":"2026-08-31T16:37:59.375Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:29ef87c6-7130-4312-ac0b-e05b305c9c22:/unified/posts/?creator=29ef87c6-7130-4312-ac0b-e05b305c9c22&with=reposts":[{"data":[{"id":"01a0d3f9-c20b-7638-b1a7-10d9c49a2524","title":null,"body":"

Enjoy Ashgrid in your next project.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Enjoy Ashgrid in your next project. "}]}]},"author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/364007/cd076b4765aa11c75588c19531fd9a29-3oHyBVRUPeSuDKJY1G75heeBMuhL9U","followed":false,"followsYou":false},"media":[],"resources":[{"id":"73834","resolved":true,"title":"Ashgrid","body":"

Ashgrid is a dark, cinematic template for AI agencies, automation studios and applied-AI startups — teams that ship working agents, not demos.

Every visual is original 3D made in Blender: a hero loop of an ember-lit block city, an obsidian-mark film section, and isometric service objects, all set on a visible four-column grid with Orlean display type and Schibsted Grotesk text.

It's built to feel alive. Stats count up as you scroll, process tabs advance on their own, and case-study rows reveal their imagery on hover. The film section swaps the cursor for a Play button, the FAQ opens one answer at a time, and every button responds to hover and press.

Everything is editable. Case studies, articles, testimonials and FAQs live in the CMS, with detail pages that generate automatically. The nav and footer are shared across all pages, and every page is responsive from desktop to phone.

Pages: Home, Work, Case Study (CMS), Journal, Article (CMS), Terms, Privacy, 404.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Ashgrid is a dark, cinematic template for AI agencies, automation studios and applied-AI startups — teams that ship working agents, not demos."}]},{"type":"paragraph","content":[{"type":"text","text":"Every visual is original 3D made in Blender: a hero loop of an ember-lit block city, an obsidian-mark film section, and isometric service objects, all set on a visible four-column grid with Orlean display type and Schibsted Grotesk text."}]},{"type":"paragraph","content":[{"type":"text","text":"It's built to feel alive. Stats count up as you scroll, process tabs advance on their own, and case-study rows reveal their imagery on hover. The film section swaps the cursor for a Play button, the FAQ opens one answer at a time, and every button responds to hover and press."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is editable. Case studies, articles, testimonials and FAQs live in the CMS, with detail pages that generate automatically. The nav and footer are shared across all pages, and every page is responsive from desktop to phone."}]},{"type":"paragraph","content":[{"type":"text","text":"Pages: Home, Work, Case Study (CMS), Journal, Article (CMS), Terms, Privacy, 404."}]}]},"introduction":"Cinematic 3D template for AI teams","slug":"ashgrid","author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/364007/cd076b4765aa11c75588c19531fd9a29-3oHyBVRUPeSuDKJY1G75heeBMuhL9U","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0d402-7155-7216-9ce6-ce78a6bee301.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0d403-cb6e-73ec-af26-c7e7c367b8af.png","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-24T15:12:35.229Z","updatedAt":"2026-09-24T15:30:03.664Z","publishedAt":"2026-09-24T15:12:35.219Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"47","paymentUrl":"https://contra.com/products/wfd45RaQ-ashgrid-framer-template","remixUrl":null,"previewUrl":"https://ashgrid.framer.website","categories":[{"id":26,"name":"AI","slug":"ai"},{"id":3,"name":"Agency","slug":"agency"},{"id":22,"name":"Startup","slug":"startup"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":195,"name":"Business Blog","slug":"business-blog"},{"id":112,"name":"Technology","slug":"technology"},{"id":205,"name":"Consulting","slug":"consulting"}],"styles":[{"id":6,"name":"3D","slug":"3d"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":36,"name":"3D Transforms","slug":"3d-transforms"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-09-24T15:30:05.242Z","createdAt":"2026-09-24T15:12:35.852Z","updatedAt":"2026-09-24T15:30:05.242Z"},{"id":"01a0c989-ab7f-756b-aea5-400244197d43","title":null,"body":"

Tired of the same monocoloured templates. Here is a colourful and alive template - Dinnerbell.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Tired of the same monocoloured templates. Here is a colourful and alive template - Dinnerbell. "}]}]},"author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/364007/cd076b4765aa11c75588c19531fd9a29-3oHyBVRUPeSuDKJY1G75heeBMuhL9U","followed":false,"followsYou":false},"media":[],"resources":[{"id":"73616","resolved":true,"title":"Dinnerbell","body":"$60","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Dinnerbell is a bold, editorial Framer template for meal-kit services, food delivery, restaurants and subscription food brands. Chunky serif type, hard-shadow cards and a fresh, colorful palette give food businesses a website that feels as good as the food tastes."}]},{"type":"paragraph","content":[{"type":"text","text":"Tired of templates that look like they've been sitting in the fridge too long? Dinnerbell is alive, loud and served hot: a template with a pulse, a personality and a serious appetite for conversions."}]},{"type":"paragraph","content":[{"type":"text","text":"What's included","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"12 pages: Home, Menu, Recipe, Plans, Gifts, About, Journal, Article, FAQ, Contact, Legal and a custom 404"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"4 CMS collections (Recipes, Reviews, Journal and FAQ), each connected to reusable cards and detail pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live menu filtering by diet, built with native Framer features"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reusable components: buttons, recipe, review, plan and journal cards, an FAQ accordion, a navigation with mobile menu, a footer, a page header and a call-to-action banner"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive desktop, tablet and phone layouts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Purposeful motion: tickers, hover lifts, scroll reveals and text animations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Organized color and text styles for quick rebranding"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Working contact and newsletter forms using Framer Forms"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Free Google fonts (Fraunces and DM Sans) and Phosphor icons"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Please note:","marks":[{"type":"bold"}]},{"type":"text","text":" checkout, customer accounts and payments are not included. Connect the calls to action to your own store or ordering platform. Images are from Unsplash."}]}]},"introduction":"A lively template for food brands","slug":"dinnerbell","author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/364007/cd076b4765aa11c75588c19531fd9a29-3oHyBVRUPeSuDKJY1G75heeBMuhL9U","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0c988-9a73-704a-a0b6-0029e85d3062.png","metadata":{"tint":{"h":45,"s":93,"l":30},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0c988-cb73-74fb-8f6c-947a4e8c0474.png","metadata":{"tint":{"h":80,"s":51,"l":42},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0c98b-4594-707f-889f-02b88e463903.png","metadata":{"tint":{"h":10,"s":80,"l":24},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0c98b-6b03-76bb-b8d5-c8d4f6d0f540.png","metadata":{"tint":{"h":20,"s":77,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0c98b-a420-72d5-8207-cf232e67499c.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-22T14:33:57.292Z","updatedAt":"2026-09-22T14:36:17.110Z","publishedAt":"2026-09-22T14:33:57.289Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"59","paymentUrl":"https://www.paypal.com/ncp/payment/EMZ7QVSQW8X3U","remixUrl":null,"previewUrl":"https://dinnerbell.framer.website/","categories":[{"id":115,"name":"Food","slug":"food"},{"id":242,"name":"Nutrition","slug":"nutrition"},{"id":191,"name":"Bakery & Cafe","slug":"bakery-and-cafe"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":289,"name":"Restaurants","slug":"restaurants"},{"id":253,"name":"Social & Recreational","slug":"social-and-recreational"}],"styles":[{"id":110,"name":"Animated","slug":"animated"},{"id":201,"name":"Colorful","slug":"colorful"}],"mainCategory":{"id":115,"name":"Food","slug":"food"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"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":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[]}}],"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":"2026-09-22T14:33:57.887Z","updatedAt":"2026-09-22T14:33:57.887Z"},{"id":"01a0c4a0-dfbc-764d-ab7a-5455baa05512","title":null,"body":"

Use this amazing page transition component in your next project. Free for 7 days.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Use this amazing page transition component in your next project. Free for 7 days."}]},{"type":"paragraph"}]},"author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/364007/cd076b4765aa11c75588c19531fd9a29-3oHyBVRUPeSuDKJY1G75heeBMuhL9U","followed":false,"followsYou":false},"media":[],"resources":[{"id":"IqYx9Tqn0drsz95MSKw7","resolved":true,"title":"Page Tear Transition","body":"$61","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Every navigation starts with the screen covered, then it tears down the middle and both halves pull away to reveal the page underneath."}]},{"type":"paragraph","content":[{"type":"text","text":"The seam is a real tear, not a straight split. The edge is generated as a correlated walk, so it wanders and frays like torn paper, and the two halves interlock exactly. No gap, no visible join. Change the Seed and you get a completely different tear, so no two sites look alike."}]},{"type":"paragraph","content":[{"type":"text","text":"HOW TO USE"}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it on a page. It covers the viewport and plays on mount, so it runs on every navigation to that page. Add it to a Layout Template to cover a whole site at once, or place it per page to control exactly where it appears. Nothing to wire up."}]},{"type":"paragraph","content":[{"type":"text","text":"CONTROLS"}]},{"type":"paragraph","content":[{"type":"text","text":"Fill. Solid colour, a two stop gradient with angle, or an image set to fill the screen or tile. The background spans the full viewport and is anchored per half, so gradients and images stay continuous across the tear instead of restarting in each panel."}]},{"type":"paragraph","content":[{"type":"text","text":"Tear. Sideways or up and down."}]},{"type":"paragraph","content":[{"type":"text","text":"Depth. How far the tear wanders across the screen."}]},{"type":"paragraph","content":[{"type":"text","text":"Roughness. From a clean split to heavy fraying."}]},{"type":"paragraph","content":[{"type":"text","text":"Detail. Points along the edge, up to 400 for a finely frayed seam."}]},{"type":"paragraph","content":[{"type":"text","text":"Seed. Reroll the tear shape."}]},{"type":"paragraph","content":[{"type":"text","text":"Duration, Delay and Easing. From a fast snap to a slow, deliberate rip, with an optional hold before it opens."}]},{"type":"paragraph","content":[{"type":"text","text":"BUILT TO BEHAVE"}]},{"type":"paragraph","content":[{"type":"text","text":"No screenshots, no canvas capture, no WebGL, no click interception. It is two fixed elements with a generated clip path, animated once on mount. It never touches your links or your routing, so navigation behaves exactly as it did before."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully responsive. Every dimension is relative, so the tear lands the same on a phone as it does on a 4K display, and it respects the page it reveals."}]},{"type":"paragraph","content":[{"type":"text","text":"Note: the tear plays on the page it is placed on. Add it to each page you want it on, or use a Layout Template to cover them all."}]}]},"introduction":"A ragged paper tear between pages","slug":"page-tear-transition","author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/364007/cd076b4765aa11c75588c19531fd9a29-3oHyBVRUPeSuDKJY1G75heeBMuhL9U","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0c4a0-53a8-73e9-a129-f70477dd3476.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2940,"height":1638}}],"post":null,"createdAt":"2026-09-21T15:41:11.876Z","updatedAt":"2026-09-21T15:41:11.876Z","publishedAt":"2026-09-21T15:41:11.872Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/PageTear-m2b9LV.js@Nkw7MBGe4hxdPLtsvUcs","previewUrl":"https://pageteartransition.framer.website","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"Nkw7MBGe4hxdPLtsvUcs","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-21T15:41:12.508Z","updatedAt":"2026-09-21T15:41:12.508Z"},{"id":"01a090d6-751f-702e-a9d0-aa998a91b6ee","title":null,"body":"

Password morph coming your way.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Password morph coming your way."}]},{"type":"paragraph"}]},"author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/364007/cd076b4765aa11c75588c19531fd9a29-3oHyBVRUPeSuDKJY1G75heeBMuhL9U","followed":false,"followsYou":false},"media":[],"resources":[{"id":"KE6gS5gAZeqmsaQxxW3p","resolved":true,"title":"Password Morph","body":"$62","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Password Morph is a password field with a small moment of magic. Each character you type shows for an instant, crumbles into dust, and leaves a dot behind, just like a regular password field, only far more satisfying."}]},{"type":"paragraph","content":[{"type":"text","text":"It's a real password input underneath, so browsers, autofill and password managers work as usual. The dust follows your caret, erodes each character from left to right, and drifts away on its own, even while the page scrolls."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is adjustable from the properties panel:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Field: placeholder, name, required, autofill mode"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Style: font, fill, border, focus color, radius, padding"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Colors: separate text, dot, dust and placeholder colors"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dots: size of the dot left behind each character"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Timing: reveal time, crumble speed, drift duration"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dust: direction, spread, speed and grain size"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Privacy: flash the typed character, or crumble a dot so the password is never shown"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built for performance: particles run on a single canvas that only animates while you type, and fast pastes are capped so nothing stalls. Visitors who have reduced motion turned on get plain dots with no animation."}]}]},"introduction":"Password field that turns to dust","slug":"password-morph","author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/364007/cd076b4765aa11c75588c19531fd9a29-3oHyBVRUPeSuDKJY1G75heeBMuhL9U","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a090d5-cb03-734f-a086-5d0b02b1cc72.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2590,"height":1420}}],"post":null,"createdAt":"2026-09-11T14:19:28.387Z","updatedAt":"2026-09-11T14:19:28.387Z","publishedAt":"2026-09-11T14:19:28.384Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://passwordmorph.framer.website","price":"13","paymentUrl":"https://www.paypal.com/ncp/payment/3M7AWLCHRBNFL","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"ByzZsf3ACu5MP2H2EBJk","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":"2026-09-11T14:19:28.927Z","updatedAt":"2026-09-11T14:19:28.927Z"},{"id":"01a0861b-6adf-75a8-a232-efce2bec7e18","title":null,"body":"

Enjoy the Drop Reveal concept. Free to use right away.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Enjoy the Drop Reveal concept. Free to use right away."}]}]},"author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/364007/cd076b4765aa11c75588c19531fd9a29-3oHyBVRUPeSuDKJY1G75heeBMuhL9U","followed":false,"followsYou":false},"media":[],"resources":[{"id":"tYVsOEOjAVkEaPD9HVIy","resolved":true,"title":"Droplet Reveal","body":"

A droplet sits inline in your headline, wobbling like real water.

Scroll — or click it — and it swells open, the image eases out of its zoom, and the outline squares off into a full-bleed frame with your words still on top.

It is real curve geometry, not a rounded rectangle, so it holds its teardrop shape while small and never looks squashed on the way out.

Three text lines, each styled separately. Controls for image, zoom, typography, colours, droplet size, tip, wobble, scroll length and click.

Responsive, keyboard accessible, respects reduced motion.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A droplet sits inline in your headline, wobbling like real water."}]},{"type":"paragraph","content":[{"type":"text","text":"Scroll — or click it — and it swells open, the image eases out of its zoom, and the outline squares off into a full-bleed frame with your words still on top."}]},{"type":"paragraph","content":[{"type":"text","text":"It is real curve geometry, not a rounded rectangle, so it holds its teardrop shape while small and never looks squashed on the way out."}]},{"type":"paragraph","content":[{"type":"text","text":"Three text lines, each styled separately. Controls for image, zoom, typography, colours, droplet size, tip, wobble, scroll length and click."}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive, keyboard accessible, respects reduced motion."}]}]},"introduction":"Scroll or click to open a droplet","slug":"droplet-reveal","author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/364007/cd076b4765aa11c75588c19531fd9a29-3oHyBVRUPeSuDKJY1G75heeBMuhL9U","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0861a-f8e1-7490-a84e-e6f8712be3b5.png","metadata":{"tint":{"h":210,"s":67,"l":9},"width":2940,"height":1640}}],"post":null,"createdAt":"2026-09-09T12:18:58.393Z","updatedAt":"2026-09-09T12:26:50.227Z","publishedAt":"2026-09-09T12:18:58.389Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/ScrollDropletReveal-cidOsE.js@G6J2DYcsPGJSI2DvWoQf","previewUrl":"https://dropletreveal.framer.website","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"G6J2DYcsPGJSI2DvWoQf","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-09T12:18:58.911Z","updatedAt":"2026-09-09T12:18:58.911Z"},{"id":"01a0776f-8b9e-7369-a072-a54fae8f6f76","title":null,"body":"

Another day, another component.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Another day, another component. "}]}]},"author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/364007/cd076b4765aa11c75588c19531fd9a29-3oHyBVRUPeSuDKJY1G75heeBMuhL9U","followed":false,"followsYou":false},"media":[],"resources":[{"id":"UVgT5vQ2SutJLVenPY32","resolved":true,"title":"Liquid Glass Grid","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"2115 — trimming to land under 2000 with headroom:"}]},{"type":"paragraph","content":[{"type":"text","text":"1987 characters.","marks":[{"type":"bold"}]},{"type":"text","text":" Paste-ready:"}]},{"type":"paragraph","content":[{"type":"text","text":"Liquid Glass Grid puts a droplet of glass under the cursor. The dot grid beneath never scrambles — every dot holds its lattice position. What moves is the light passing through them."}]},{"type":"paragraph","content":[{"type":"text","text":"HOW IT WORKS","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The blob is a real lens, not a blur. Dots inside it are remapped through a refraction profile: a flat, magnified core, then a compressed outer band that squeezes the remaining dots against the rim. That compression creates the bright, dense refraction ring hugging the edge — the detail your eye reads as glass rather than overlay. The mapping is continuous at the boundary, so there is no seam."}]},{"type":"paragraph","content":[{"type":"text","text":"The blob behaves like a droplet. Three animated harmonics ripple its outline so it is never a circle. It trails the cursor on a spring and stretches along its direction of travel with a volume-preserving squash, settling as it rests. On exit the lens winds down on an ease-out decay rather than cutting off."}]},{"type":"paragraph","content":[{"type":"text","text":"Above the refracted dots sits the glass body: a tint that stays clear in the middle and frosts toward the rim, a specular sheen, a wet glint, a rim light and edge darkening."}]},{"type":"paragraph","content":[{"type":"text","text":"PROPERTIES","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Dot Color, Dot Size, Spacing, Blob Size, Follow, Dot Scale, Brighten, Glass, Magnify, Edge Bend, Wobble, Squash, Chromatic, Tint, Tint Opacity, Rim Light. Every control carries inline help. Turn Glass off and dots still scale and brighten under the cursor."}]},{"type":"paragraph","content":[{"type":"text","text":"THEME SUPPORT","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Dot Color and Tint accept hex, RGB and Framer color styles, resolved live every frame, so dots switch between your light and dark tokens instantly."}]},{"type":"paragraph","content":[{"type":"text","text":"PERFORMANCE","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"One hardware-accelerated canvas on requestAnimationFrame. Dots outside the lens are batched into a single fill; only those inside pay for the lens math. Density is capped automatically, output is at native pixel ratio, and the grid rebuilds on resize. Pointer tracking is window-level, so it works as a true background behind your content."}]}]},"introduction":"Dots stay still. The light bends.","slug":"liquid-glass-grid","author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/364007/cd076b4765aa11c75588c19531fd9a29-3oHyBVRUPeSuDKJY1G75heeBMuhL9U","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0776f-6c55-7368-b8e1-0c1e156b7325.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2492,"height":1316}}],"post":null,"createdAt":"2026-09-06T15:56:33.542Z","updatedAt":"2026-09-06T15:56:33.542Z","publishedAt":"2026-09-06T15:56:33.539Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://dotgridliquidglassblob.framer.website/?editSite","price":"7","paymentUrl":"https://www.paypal.com/ncp/payment/BZ6U2SJDDGDGN","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"2FATPg1c7SLUuIID6ECa","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-06T15:56:34.078Z","updatedAt":"2026-09-06T15:56:34.078Z"},{"id":"01a067d2-fa79-72c8-823a-9f7b605fd995","title":null,"body":"

here's an amazing carousel section with interactive actions and animations.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"here's an amazing carousel section with interactive actions and animations."}]}]},"author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/364007/cd076b4765aa11c75588c19531fd9a29-3oHyBVRUPeSuDKJY1G75heeBMuhL9U","followed":false,"followsYou":false},"media":[],"resources":[{"id":"jOl9TLti4Cz15J3YdhS6","resolved":true,"title":"Ease Scroll Carousel","body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"An interactive card carousel where one card sits expanded and the rest collapse into vertical pills. Click any pill and it expands into the wide slot, pushing the previously active card back into a pill — the swap runs on a spring with a subtle 3D perspective shift, so cards read as rotating into and out of depth rather than just changing width."}]},{"type":"paragraph","content":[{"type":"text","text":"Holds three to five cards. Each card takes a heading, a description, a background image, and an optional link that fires on the expanded card."}]},{"type":"paragraph","content":[{"type":"text","text":"Controls","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Card count · expanded and pill widths (as ratios, so the row always fills its container) · gap · corner radius · heading color and size · description color and size · overlay tint and opacity for image contrast · spring stiffness, damping, and mass for the width transition · 3D depth intensity for the tilt on collapse · which card is expanded on load · image object-fit for aspect handling."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully responsive — set the container width and the row scales with it. Respects "},{"type":"text","text":"prefers-reduced-motion","marks":[{"type":"code"}]},{"type":"text","text":" (falls back to a plain width transition, no perspective)."}]}]},"introduction":"Carousel with advanced transitions","slug":"ease-scroll-carousel","author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/364007/cd076b4765aa11c75588c19531fd9a29-3oHyBVRUPeSuDKJY1G75heeBMuhL9U","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a067d2-49e9-724a-9c4f-d44be70a0333.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2892,"height":1418}}],"post":null,"createdAt":"2026-09-03T15:11:14.534Z","updatedAt":"2026-09-03T15:11:14.534Z","publishedAt":"2026-09-03T15:11:14.531Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://famous-simplicity-851315.framer.app","price":"5","paymentUrl":"https://www.paypal.com/ncp/payment/ETB7AD7UZZVUL","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"W0pWG5HBDImpw0j7paIP","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-03T15:11:15.065Z","updatedAt":"2026-09-03T15:11:15.065Z"},{"id":"01a058af-4db4-724b-a087-f54ae51c68fa","title":null,"body":"

Creating my first component, Scroll to Top - Adaptive. With maximum controls over the component and its behaviour. Try it out.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Creating my first component, Scroll to Top - Adaptive. With maximum controls over the component and its behaviour. Try it out."}]}]},"author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/364007/cd076b4765aa11c75588c19531fd9a29-3oHyBVRUPeSuDKJY1G75heeBMuhL9U","followed":false,"followsYou":false},"media":[],"resources":[{"id":"YXVslsJJp0aD5DOH3AqD","resolved":true,"title":"Smooth Scroll to Top","body":"

Appears after a scroll threshold you set in vh, px, or percent of page, then returns to the top on a real easing curve rather than the browser's native smooth scroll.

Duration adapts to distance by default — a short page and a long one both feel deliberate instead of one snapping and the other dragging. Switch to fixed timing if you'd rather pin it.

Controls Reveal threshold (vh / px / % of page) · hide near page end · five corner positions with X/Y offsets · size, radius, background, hover background, border, shadow · three built-in icons or a custom image · optional scroll-progress ring · adaptive or fixed timing with speed, min/max duration, and five easing curves · stop offset for sticky headers · four entrance animations · hover and tap scale · ARIA label.

Interruptible by default — wheel, touch, or keypress cancels the animation mid-flight. Respects prefers-reduced-motion.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Appears after a scroll threshold you set in vh, px, or percent of page, then returns to the top on a real easing curve rather than the browser's native smooth scroll."}]},{"type":"paragraph","content":[{"type":"text","text":"Duration adapts to distance by default — a short page and a long one both feel deliberate instead of one snapping and the other dragging. Switch to fixed timing if you'd rather pin it."}]},{"type":"paragraph","content":[{"type":"text","text":"Controls","marks":[{"type":"bold"}]},{"type":"text","text":" Reveal threshold (vh / px / % of page) · hide near page end · five corner positions with X/Y offsets · size, radius, background, hover background, border, shadow · three built-in icons or a custom image · optional scroll-progress ring · adaptive or fixed timing with speed, min/max duration, and five easing curves · stop offset for sticky headers · four entrance animations · hover and tap scale · ARIA label."}]},{"type":"paragraph","content":[{"type":"text","text":"Interruptible by default — wheel, touch, or keypress cancels the animation mid-flight. Respects "},{"type":"text","text":"prefers-reduced-motion","marks":[{"type":"code"}]},{"type":"text","text":"."}]}]},"introduction":"Adaptive easing, progress ring","slug":"smooth-scroll-to-top","author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/364007/cd076b4765aa11c75588c19531fd9a29-3oHyBVRUPeSuDKJY1G75heeBMuhL9U","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a05962-0d32-74b4-903c-7cf50d231dad.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":2940,"height":1748}}],"post":null,"createdAt":"2026-08-31T16:37:58.316Z","updatedAt":"2026-08-31T19:53:19.444Z","publishedAt":"2026-08-31T16:37:58.314Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://empowered-advantage-301419.framer.app","price":"5","paymentUrl":"https://www.paypal.com/ncp/payment/79VC6Y532GG32","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"nGit7p7iRpbtB4EL4pB7","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":"2026-08-31T16:37:58.836Z","updatedAt":"2026-08-31T16:37:58.836Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L65"}]