50: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"] 51:T85f,

Tesel is a premium Framer template for CGI, 3D and motion studios that help hardware brands launch before the factory ships. It opens with a cinematic intro and a live "lens" hero card, then moves through a scroll-driven showreel, stacked full-screen case studies, a drag-to-compare clay-to-final slider and line-art stats that draw themselves as you scroll.

Every page is designed for real studio work: a CMS-powered work index and case-study template with metrics, galleries and next-project links, a services page with an interactive kit chooser, a studio page with team and timeline, pricing with a plan toggle and comparison table, a journal with full article pages, a showreel player and a working brief form.

Everything is easy to make your own. Content lives in the CMS or in clearly named component controls, all colours run through 11 colour styles and all type through shared text styles — change the accent once and the whole site follows. Fully responsive across desktop, tablet and phone.

Features:

Cinematic intro sequence and live clock navigation with slide-in drawer menu
Hero "lens" card with live viewfinder, timecode and booking CTA
Scroll-expanding showreel and dedicated reel page with chapters
Stacked full-screen case studies with parallax and custom cursor
Drag-to-compare clay-to-final render slider
Line-art stats bento that draws on scroll
Expandable services, auto-advancing process panels, one-open FAQ
Testimonial carousel, pricing toggle with rolling prices, kit chooser quiz
3 CMS collections: Projects, Journal, Team
Case study and article templates with next-item linking
Brief form with loading, success and error states
Inertia scrolling and soft follower cursor
11 colour styles and shared text styles for one-click rebrands
Fully responsive: desktop, tablet and phone
14 pages incl. 404, privacy and terms

52:T422,

Parallax Showreel turns your portfolio into a scroll-driven reel. Each project fills the screen; as you scroll, the next card rises with a parallax image while the previous one holds in place and sinks back in 3D — shrinking, tilting and dimming into the distance.

Add as many projects as you like from the properties panel. Every card takes an image, title, category, year and link, and the whole effect is tunable without touching code:

Parallax — how far each image drifts inside its card
Image Zoom — extra scale for a tighter, more cinematic crop
Sink Depth, Tilt, Darken and Blur — control how far the previous card recedes
Perspective — subtle or dramatic 3D
Card Height and Radius — full-screen reel or shorter stacked panels
Optional intro title, button label, colours and fonts

Built on native scroll tracking with no external scripts. Respects reduced-motion settings and renders a clean static preview on the canvas.

53:T61e,

Turn your page load into a launch. Galactic Reveal covers the page with a WebGL scene of light beams racing from the bottom of the screen toward the horizon. When your timer ends, the page bursts open through a circular iris with real spring physics. A glowing rim rides the edge and the scene flies forward through the opening.

Drop it on any page. It covers the full screen on its own, above everything, however the layer is sized or positioned.

Timer: reveal after 0.3–10s. The beam reaches the horizon exactly as the reveal fires.
Beam colours: Mix (your own palette), Solid, Gradient (across or into depth), or Image (lanes take their colours from a picture).
Reveal: opens from the beam point, the centre, or a custom X/Y, with adjustable time, bounce, edge glow, flare colour and softness.
Look: beam speed, density, thickness, glow, hot tips, star dust, background, and a seed for new lane layouts.
Playback: every load, once per session, or once per visitor, with no flash on repeat visits.
Details: scroll lock during the intro, optional click to skip, and a gentle fade for visitors who prefer reduced motion.
Editor: a Scrub slider previews any moment of the timeline right on the canvas.
Events: On Reveal and On Complete, to start your hero animations at the right moment.

54:T7c0,

Therin is a template for studios that sell outcomes, not deliverables. Every section is built to move: headlines blur in word by word, a giant manifesto pins and settles as you scroll, project slides stack full-screen, and a cobalt reveal rises into the footer.

Case studies run on the CMS, so adding a project is a single entry — cover, results, three stats, the story, a gallery and a client quote. The detail page lays it all out and links straight to the next project.

It's fully responsive, uses one clean colour system you can swap in seconds, and every interaction is built with native Framer components you can edit — no black boxes.

Highlights:

Original 3D glass-helix hero with a seamless looping video
Scroll-driven manifesto, word-by-word text reveals and a pinned statement section
Full-screen stacked project slides with a custom "View case" cursor
Services list with a floating image that follows the cursor
Draggable before/after growth chart in a bento layout
Springy, hover-to-expand process phases over a mouse-reactive gradient
Team roster with greyscale-to-colour hover and bio pop-ups
Interactive pricing plans, tabbed FAQ (one answer open at a time)
Scroll-linked cobalt reveal into the footer
Blurred, cobalt-tinted overlay when hovering the navigation
CMS-powered Work and case study pages with "next project" linking
Contact page with a full enquiry form, success and error states
Tablet and phone layouts with a drawer navigation

Pages: Home, Work, Case Study (CMS), Studio, Contact, 404

Good for: growth consultancies, brand and design studios, marketing agencies, fractional CMO/CGO teams, product studios, and independent strategists.

55:T72c,

Ovra is a bold, motion-heavy template for studios, agencies and designers who want a site that feels like their work. Cinematic on the surface, easy to own underneath.

What's inside

Home: 3D particle hero, glitching wordmark, self-drawing tagline, scroll-fill statement, expanding work gallery, 3D services switcher, rolling stats, zoom-out showreel, case studies, process, testimonials, live pricing estimator and FAQ. Plus Work, Project detail, Studio, Journal, Article, Contact, 404, Privacy and Terms pages.

Make it yours

Colours: eight colour styles run the site. Change the red accent once and everything follows.

Type: ten responsive text styles. Swap the font in one place.

CMS: add a project with cover, client, result, write-up and gallery, or an article with category and read time. Grids, detail pages and next links build themselves.

Pricing: edit disciplines, prices, weeks and currency in the properties panel. Totals and timelines calculate automatically.

Sections: services, gallery and process steps are editable lists — titles, images and notes.

Hero: drop in your own video and poster, then change the wordmark, tagline, cursor words and details on the canvas.

Motion: scroll weight, glitch strength, preloader text and timing are simple sliders and toggles. Any effect can be switched off.

Navigation and footer: shared components — edit once, update everywhere.

Contact: connect the form to email or any Framer integration; sending, sent and error states are ready.

Built for real use

Fully responsive across desktop, tablet and phone. Every link, menu and FAQ works, and every page has its own SEO title and description. Reduced-motion and touch users get native scrolling. All 3D assets are original and included.

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

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

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

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

5a: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).

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-29ef87c6-7130-4312-ac0b-e05b305c9c22-all:/unified/creator/29ef87c6-7130-4312-ac0b-e05b305c9c22/activity/":[{"data":[{"id":"01a10dad-987d-762d-be68-11e7dff4b133","type":"template.created","target":{"type":"template","id":"74849","preview":"Tesel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a10dad-0d97-704b-acb9-6da3405ae983.jpg","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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","slug":"runicdevs","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-05T20:07:23.005Z","latestAt":"2026-10-05T20:07:23.005Z"},{"id":"01a1085d-6f9f-73d6-a464-a8044a5b3d39","type":"component.created","target":{"type":"component","id":"4JAG5TpkcQZupx4rUeKW","preview":"Parallax Showreel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a1085c-d7b2-7361-9d6a-97cab4f56154.jpg","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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","slug":"runicdevs","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-04T19:21:43.583Z","latestAt":"2026-10-04T19:21:43.583Z"},{"id":"01a0fc65-4e18-7350-ab6d-d28c95d24e38","type":"component.created","target":{"type":"component","id":"Op0y3llim5YOr7BaOtuU","preview":"Galactic Reveal","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0fc64-dd8b-763e-889c-25105e04b012.jpg","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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","slug":"runicdevs","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-10-02T11:34:52.696Z","latestAt":"2026-10-02T11:34:52.696Z"},{"id":"01a0f7f9-a8a8-74c9-9ad1-c7d254ddab76","type":"comment.liked","target":{"type":"comment","id":"01a0f54f-3847-713e-86c2-425460ba84dc","preview":"Solid","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Solid"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0f2d9-6cce-70cf-9259-78dec00485b9","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0f54f-3847-713e-86c2-425460ba84dc"},"repost":null}},"context":{"type":"post","id":"01a0f2d9-6cce-70cf-9259-78dec00485b9","preview":"Therin","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0f2d7-8ab3-71a8-8de7-38a5d200097e.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"01a0f2d9-6cce-70cf-9259-78dec00485b9","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","slug":"runicdevs","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-01T14:58:49.124Z","latestAt":"2026-10-01T14:58:49.124Z"},{"id":"01a0f7f9-3c27-713f-b2d0-babb5dd9a8f8","type":"comment.liked","target":{"type":"comment","id":"01a0e139-a427-72ee-b002-e6d97dd4c5e1","preview":"🫶🫶","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"heart_hands","emoji":"🫶"}},{"type":"emoji","attrs":{"name":"heart_hands","emoji":"🫶"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0dfb7-e66d-73be-88a5-af6224f2d077","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0e139-a427-72ee-b002-e6d97dd4c5e1"},"repost":null}},"context":{"type":"post","id":"01a0dfb7-e66d-73be-88a5-af6224f2d077","preview":"Ovra","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0dfb7-4e03-7777-b8d7-24cbb7fa2e3e.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"01a0dfb7-e66d-73be-88a5-af6224f2d077","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","slug":"runicdevs","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-01T14:58:21.346Z","latestAt":"2026-10-01T14:58:21.346Z"},{"id":"01a0f2d9-6f42-73bd-80b2-b0975defce6c","type":"template.created","target":{"type":"template","id":"74361","preview":"Therin","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0f2d7-8ab3-71a8-8de7-38a5d200097e.jpg","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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","slug":"runicdevs","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-30T15:05:31.202Z","latestAt":"2026-09-30T15:05:31.202Z"},{"id":"01a0dfb7-e877-758e-88ea-116083a51a2f","type":"template.created","target":{"type":"template","id":"74011","preview":"Ovra","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0dfb7-4e03-7777-b8d7-24cbb7fa2e3e.jpg","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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","slug":"runicdevs","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-26T21:56:06.903Z","latestAt":"2026-09-26T21:56:06.903Z"},{"id":"01a0da17-03fd-737a-9710-835f926f63d7","type":"comment.liked","target":{"type":"comment","id":"01a0c589-6579-75fb-a3c4-eef8d820ccd7","preview":"Such thoughtful details","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Such thoughtful details"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0c4a0-dfbc-764d-ab7a-5455baa05512","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0c589-6579-75fb-a3c4-eef8d820ccd7"},"repost":null}},"context":{"type":"post","id":"01a0c4a0-dfbc-764d-ab7a-5455baa05512","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":true,"actions":{"postId":"01a0c4a0-dfbc-764d-ab7a-5455baa05512","like":{"count":4,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","slug":"runicdevs","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-25T19:42:16.567Z","latestAt":"2026-09-25T19:42:16.567Z"},{"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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","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":"01a10dad-9623-75e4-bc31-ed0848e18c8f","title":null,"body":"

Enjoy Tesel, the next big thing in framer marketplace.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Enjoy Tesel, the next big thing in framer marketplace."}]}]},"author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"74849","resolved":true,"title":"Tesel","body":"$51","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Tesel is a premium Framer template for CGI, 3D and motion studios that help hardware brands launch before the factory ships. It opens with a cinematic intro and a live \"lens\" hero card, then moves through a scroll-driven showreel, stacked full-screen case studies, a drag-to-compare clay-to-final slider and line-art stats that draw themselves as you scroll."}]},{"type":"paragraph","content":[{"type":"text","text":"Every page is designed for real studio work: a CMS-powered work index and case-study template with metrics, galleries and next-project links, a services page with an interactive kit chooser, a studio page with team and timeline, pricing with a plan toggle and comparison table, a journal with full article pages, a showreel player and a working brief form."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is easy to make your own. Content lives in the CMS or in clearly named component controls, all colours run through 11 colour styles and all type through shared text styles — change the accent once and the whole site follows. Fully responsive across desktop, tablet and phone."}]},{"type":"paragraph","content":[{"type":"text","text":"Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cinematic intro sequence and live clock navigation with slide-in drawer menu"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero \"lens\" card with live viewfinder, timecode and booking CTA"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-expanding showreel and dedicated reel page with chapters"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Stacked full-screen case studies with parallax and custom cursor"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag-to-compare clay-to-final render slider"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Line-art stats bento that draws on scroll"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Expandable services, auto-advancing process panels, one-open FAQ"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Testimonial carousel, pricing toggle with rolling prices, kit chooser quiz"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3 CMS collections: Projects, Journal, Team"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Case study and article templates with next-item linking"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Brief form with loading, success and error states"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Inertia scrolling and soft follower cursor"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"11 colour styles and shared text styles for one-click rebrands"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive: desktop, tablet and phone"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"14 pages incl. 404, privacy and terms"}]}]}]}]},"introduction":"Cinematic template for 3D studios","slug":"tesel","author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/Q32fsYysxjU02LFilpNJfq02Y3m9oFbHVUgnpxQeV7oL4.m3u8","metadata":{"posterUrl":"https://image.mux.com/Q32fsYysxjU02LFilpNJfq02Y3m9oFbHVUgnpxQeV7oL4/thumbnail.webp?time=23.667","aspectRatio":"4:3","duration":38.266667}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a10dad-0d97-704b-acb9-6da3405ae983.jpg","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/01a10dad-209e-7581-a941-ca9dcc1ee565.jpg","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/01a10dad-3ced-704a-a475-53dbb7c46e0d.jpg","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/01a10dad-5482-7132-9277-099681696cc2.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-05T20:07:21.787Z","updatedAt":"2026-10-05T20:07:21.787Z","publishedAt":"2026-10-05T20:07:21.785Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"63","paymentUrl":"https://contra.com/payment-link/zDQljRpB-tessel-framer-template","remixUrl":null,"previewUrl":"https://tesel.framer.website/","categories":[],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":110,"name":"Animated","slug":"animated"},{"id":6,"name":"3D","slug":"3d"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"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-05T20:07:22.403Z","updatedAt":"2026-10-05T20:07:22.403Z"},{"id":"01a1085d-6d70-770b-8d24-3773ae0998dd","title":null,"body":"

Enjoy this easy to use anywhere component for your website's showreel and proof of work sections.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Enjoy this easy to use anywhere component for your website's showreel and proof of work sections."}]}]},"author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"4JAG5TpkcQZupx4rUeKW","resolved":true,"title":"Parallax Showreel","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Parallax Showreel turns your portfolio into a scroll-driven reel. Each project fills the screen; as you scroll, the next card rises with a parallax image while the previous one holds in place and sinks back in 3D — shrinking, tilting and dimming into the distance."}]},{"type":"paragraph","content":[{"type":"text","text":"Add as many projects as you like from the properties panel. Every card takes an image, title, category, year and link, and the whole effect is tunable without touching code:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Parallax — how far each image drifts inside its card"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Image Zoom — extra scale for a tighter, more cinematic crop"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Sink Depth, Tilt, Darken and Blur — control how far the previous card recedes"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Perspective — subtle or dramatic 3D"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Card Height and Radius — full-screen reel or shorter stacked panels"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional intro title, button label, colours and fonts"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built on native scroll tracking with no external scripts. Respects reduced-motion settings and renders a clean static preview on the canvas."}]}]},"introduction":"Portfolio reel with 3D sink scroll","slug":"parallax-showreel","author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a1085c-d7b2-7361-9d6a-97cab4f56154.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-04T19:21:42.426Z","updatedAt":"2026-10-04T19:21:42.426Z","publishedAt":"2026-10-04T19:21:42.423Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://parallaxshowreel.framer.website","price":"9","paymentUrl":"https://contra.com/payment-link/wjmHPSk7-parallax-showreel-framer-component","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"AjfbIXtrvd2HWAyc09NT","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-10-04T19:21:43.024Z","updatedAt":"2026-10-04T19:21:43.024Z"},{"id":"01a0fc65-4b3a-75ef-b438-8214f1c38c25","title":null,"body":"

Enjoy this galactic component.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Enjoy this galactic component."}]}]},"author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Op0y3llim5YOr7BaOtuU","resolved":true,"title":"Galactic Reveal","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Turn your page load into a launch. Galactic Reveal covers the page with a WebGL scene of light beams racing from the bottom of the screen toward the horizon. When your timer ends, the page bursts open through a circular iris with real spring physics. A glowing rim rides the edge and the scene flies forward through the opening."}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it on any page. It covers the full screen on its own, above everything, however the layer is sized or positioned."}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Timer:","marks":[{"type":"bold"}]},{"type":"text","text":" reveal after 0.3–10s. The beam reaches the horizon exactly as the reveal fires."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Beam colours:","marks":[{"type":"bold"}]},{"type":"text","text":" Mix (your own palette), Solid, Gradient (across or into depth), or Image (lanes take their colours from a picture)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reveal:","marks":[{"type":"bold"}]},{"type":"text","text":" opens from the beam point, the centre, or a custom X/Y, with adjustable time, bounce, edge glow, flare colour and softness."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Look:","marks":[{"type":"bold"}]},{"type":"text","text":" beam speed, density, thickness, glow, hot tips, star dust, background, and a seed for new lane layouts."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Playback:","marks":[{"type":"bold"}]},{"type":"text","text":" every load, once per session, or once per visitor, with no flash on repeat visits."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Details:","marks":[{"type":"bold"}]},{"type":"text","text":" scroll lock during the intro, optional click to skip, and a gentle fade for visitors who prefer reduced motion."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editor:","marks":[{"type":"bold"}]},{"type":"text","text":" a Scrub slider previews any moment of the timeline right on the canvas."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Events:","marks":[{"type":"bold"}]},{"type":"text","text":" On Reveal and On Complete, to start your hero animations at the right moment."}]}]}]}]},"introduction":"Warp-speed page intro, iris reveal","slug":"galactic-reveal","author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0fc64-dd8b-763e-889c-25105e04b012.jpg","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-02T11:34:51.297Z","updatedAt":"2026-10-02T11:58:45.361Z","publishedAt":"2026-10-02T11:34:51.293Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://galacticreveal.framer.website","price":"11","paymentUrl":"https://contra.com/payment-link/BebePWtw-galactic-reveal-framer-component","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"0NvrDuQjNirvzDZPyA4l","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-10-02T11:36:54.023Z","createdAt":"2026-10-02T11:34:51.962Z","updatedAt":"2026-10-02T11:36:54.023Z"},{"id":"01a0f2d9-6cce-70cf-9259-78dec00485b9","title":null,"body":"

Enjoy Therin.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Enjoy Therin."}]}]},"author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"74361","resolved":true,"title":"Therin","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Therin is a template for studios that sell outcomes, not deliverables. Every section is built to move: headlines blur in word by word, a giant manifesto pins and settles as you scroll, project slides stack full-screen, and a cobalt reveal rises into the footer."}]},{"type":"paragraph","content":[{"type":"text","text":"Case studies run on the CMS, so adding a project is a single entry — cover, results, three stats, the story, a gallery and a client quote. The detail page lays it all out and links straight to the next project."}]},{"type":"paragraph","content":[{"type":"text","text":"It's fully responsive, uses one clean colour system you can swap in seconds, and every interaction is built with native Framer components you can edit — no black boxes."}]},{"type":"paragraph","content":[{"type":"text","text":"Highlights:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Original 3D glass-helix hero with a seamless looping video"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-driven manifesto, word-by-word text reveals and a pinned statement section"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full-screen stacked project slides with a custom \"View case\" cursor"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Services list with a floating image that follows the cursor"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Draggable before/after growth chart in a bento layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Springy, hover-to-expand process phases over a mouse-reactive gradient"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Team roster with greyscale-to-colour hover and bio pop-ups"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive pricing plans, tabbed FAQ (one answer open at a time)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Scroll-linked cobalt reveal into the footer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blurred, cobalt-tinted overlay when hovering the navigation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS-powered Work and case study pages with \"next project\" linking"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact page with a full enquiry form, success and error states"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tablet and phone layouts with a drawer navigation"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Pages:","marks":[{"type":"bold"}]},{"type":"text","text":" Home, Work, Case Study (CMS), Studio, Contact, 404"}]},{"type":"paragraph","content":[{"type":"text","text":"Good for:","marks":[{"type":"bold"}]},{"type":"text","text":" growth consultancies, brand and design studios, marketing agencies, fractional CMO/CGO teams, product studios, and independent strategists."}]}]},"introduction":"Motion-rich template for agencies","slug":"therin","author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0f2d7-8ab3-71a8-8de7-38a5d200097e.jpg","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/01a0f2d7-d26d-7140-a2e3-999c46584634.jpg","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/01a0f2d7-fa6d-73cd-9a61-8c39edef843c.jpg","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/01a0f2d8-22d4-7268-bbb0-21a2942195bd.jpg","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/01a0f2d8-a622-7752-9145-35d4341b431b.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-30T15:05:29.869Z","updatedAt":"2026-09-30T15:05:29.869Z","publishedAt":"2026-09-30T15:05:29.864Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"89","paymentUrl":"https://contra.com/payment-link/iGRrJlKV-therin-framer-template","remixUrl":null,"previewUrl":"https://therin.framer.website/","categories":[],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":110,"name":"Animated","slug":"animated"},{"id":6,"name":"3D","slug":"3d"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"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":23,"name":"Rich Media","slug":"rich-media"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":30,"name":"Forms","slug":"forms"},{"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"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"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-30T15:05:30.574Z","updatedAt":"2026-09-30T15:05:30.574Z"},{"id":"01a0dfb7-e66d-73be-88a5-af6224f2d077","title":null,"body":"

Enjoy Ovra. The best agency template on framer.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Enjoy Ovra. The best agency template on framer."}]},{"type":"paragraph"}]},"author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"74011","resolved":true,"title":"Ovra","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Ovra is a bold, motion-heavy template for studios, agencies and designers who want a site that feels like their work. Cinematic on the surface, easy to own underneath."}]},{"type":"paragraph","content":[{"type":"text","text":"What's inside"}]},{"type":"paragraph","content":[{"type":"text","text":"Home: 3D particle hero, glitching wordmark, self-drawing tagline, scroll-fill statement, expanding work gallery, 3D services switcher, rolling stats, zoom-out showreel, case studies, process, testimonials, live pricing estimator and FAQ. Plus Work, Project detail, Studio, Journal, Article, Contact, 404, Privacy and Terms pages."}]},{"type":"paragraph","content":[{"type":"text","text":"Make it yours"}]},{"type":"paragraph","content":[{"type":"text","text":"Colours: eight colour styles run the site. Change the red accent once and everything follows."}]},{"type":"paragraph","content":[{"type":"text","text":"Type: ten responsive text styles. Swap the font in one place."}]},{"type":"paragraph","content":[{"type":"text","text":"CMS: add a project with cover, client, result, write-up and gallery, or an article with category and read time. Grids, detail pages and next links build themselves."}]},{"type":"paragraph","content":[{"type":"text","text":"Pricing: edit disciplines, prices, weeks and currency in the properties panel. Totals and timelines calculate automatically."}]},{"type":"paragraph","content":[{"type":"text","text":"Sections: services, gallery and process steps are editable lists — titles, images and notes."}]},{"type":"paragraph","content":[{"type":"text","text":"Hero: drop in your own video and poster, then change the wordmark, tagline, cursor words and details on the canvas."}]},{"type":"paragraph","content":[{"type":"text","text":"Motion: scroll weight, glitch strength, preloader text and timing are simple sliders and toggles. Any effect can be switched off."}]},{"type":"paragraph","content":[{"type":"text","text":"Navigation and footer: shared components — edit once, update everywhere."}]},{"type":"paragraph","content":[{"type":"text","text":"Contact: connect the form to email or any Framer integration; sending, sent and error states are ready."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for real use"}]},{"type":"paragraph","content":[{"type":"text","text":"Fully responsive across desktop, tablet and phone. Every link, menu and FAQ works, and every page has its own SEO title and description. Reduced-motion and touch users get native scrolling. All 3D assets are original and included."}]}]},"introduction":"Cinematic 3D template for agencies","slug":"ovra","author":{"framerUserId":"29ef87c6-7130-4312-ac0b-e05b305c9c22","name":"Chiranjeev Singh","slug":"runicdevs","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/8v020200bciWC1aoedrmJXNg77ZvR3inKV6XCf0201T00Rp4M.m3u8","metadata":{"posterUrl":"https://image.mux.com/8v020200bciWC1aoedrmJXNg77ZvR3inKV6XCf0201T00Rp4M/thumbnail.webp?time=37.033","aspectRatio":"4:3","duration":52.866667}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/01a0dfb7-4e03-7777-b8d7-24cbb7fa2e3e.jpg","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/01a0dfb7-5cd5-778c-9d70-e1e32cdc9a8c.jpg","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/01a0dfb7-6728-7662-876e-5a3208ea9c59.jpg","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/01a0dfb7-8890-744e-9983-2dd560e7adbc.jpg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-26T21:56:05.720Z","updatedAt":"2026-10-02T10:02:21.828Z","publishedAt":"2026-09-26T21:56:05.718Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"99","paymentUrl":"https://contra.com/payment-link/uQ9abUrk-ovra-framer-template","remixUrl":null,"previewUrl":"https://ovra.framer.website/","categories":[],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":110,"name":"Animated","slug":"animated"},{"id":6,"name":"3D","slug":"3d"}],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"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":23,"name":"Rich Media","slug":"rich-media"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":30,"name":"Forms","slug":"forms"},{"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":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-26T21:56:06.381Z","updatedAt":"2026-09-26T21:56:06.381Z"},{"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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","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":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"73616","resolved":true,"title":"Dinnerbell","body":"$56","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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","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-10-04T18:34:49.422Z","publishedAt":"2026-09-22T14:33:57.289Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"59","paymentUrl":"https://contra.com/payment-link/N5P9X3yC-dinnerbell-framer-template","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":[],"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":"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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"IqYx9Tqn0drsz95MSKw7","resolved":true,"title":"Page Tear Transition","body":"$57","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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","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://hy.chujiqiqi.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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"KE6gS5gAZeqmsaQxxW3p","resolved":true,"title":"Password Morph","body":"$58","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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","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-10-04T21:05:55.741Z","publishedAt":"2026-09-11T14:19:28.384Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://passwordmorph.framer.website","price":"8","paymentUrl":"https://contra.com/payment-link/pvW0BaI2-password-morph-framer-component","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"PnUuWESynEutCiHDAGM5","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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","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://hy.chujiqiqi.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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"UVgT5vQ2SutJLVenPY32","resolved":true,"title":"Liquid Glass Grid","body":"$59","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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","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-10-06T15:27:14.284Z","publishedAt":"2026-09-06T15:56:33.539Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://dotgridliquidglassblob.framer.website/?editSite","price":"5","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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","followed":false,"followsYou":false},"media":[],"resources":[{"id":"jOl9TLti4Cz15J3YdhS6","resolved":true,"title":"Ease Scroll Carousel","body":"$5a","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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","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/media/29ef87c6-7130-4312-ac0b-e05b305c9c22/z35oxdm8","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-10-06T15:01:48.626Z","publishedAt":"2026-08-31T16:37:58.314Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Smooth-Scroll-To-Top-l6GYcc.js@nGit7p7iRpbtB4EL4pB7","previewUrl":"https://empowered-advantage-301419.framer.app","price":null,"paymentUrl":null,"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":"$L5b"}]