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

Operandi is a calm, editorial Framer template for AI agencies, automation studios and technical consultancies. It's built for teams that sell outcomes, not hype: clear services, honest pricing, real case studies and a journal that shows how you think.

Every page is fully responsive across desktop, tablet and phone. Most content lives in the CMS, so you can launch quickly and keep the site up to date without touching the layout.

Two home page versions Pick the one that fits your brand, or keep both:

Home 1: an editorial split hero with a live agent diagram and a dark problem section
Home 2: a warm, centered hero with a serif accent and a before/after pipeline mockup

Pages

Home 1
Home 2
Services
Work
Case study (CMS)
Pricing
About
Journal
Journal article (CMS)
Contact
Privacy
404

CMS collections Cases, Journal, Services, FAQ, Testimonials, Team

Features

Fully responsive on desktop, tablet and phone
Native Framer animations: scroll reveals, hover states, count-up stats and sticky sections
Interactive services list with an image reveal on hover
Three-tier pricing plus a "receipt" style block for what's included in every plan
Case studies with client, industry, stack, result, gallery and pull quote
Journal with category filters and a featured article
Contact form with a budget select, ready to connect to your inbox
Reusable components: navigation, footer, buttons, FAQ items, case cards
Color and text styles set up for quick rebranding
SEO titles, descriptions and social images on every page

Perfect for AI agencies, automation studios, ops consultancies, dev shops and technical freelancers.

53:T6fc,

Sidra is a bilingual restaurant template built for Arabic-first brands that also welcome English-speaking guests. Arabic is the default language with a full right-to-left layout, and English is one click away through a native, styled language menu that keeps visitors on the same page.

The homepage takes guests from a full-screen hero to the story of the kitchen, the fire journey, a CMS-powered menu with category tabs, the chef's signature dish, an atmosphere gallery, a private majlis and events switcher, guest reviews, FAQ, opening hours and location, and a reservation form.

What's included

• 5 pages: Home, Menu, Menu item detail (CMS), Privacy, 404

• 3 CMS collections: Menu items, Categories, Reviews

• Two locales, Arabic (default) and English, with localized text, slugs and SEO metadata

• Navigation and Footer components with Desktop, Tablet and Phone variants

• Custom language menu, plus locale-aware floating WhatsApp and Call buttons

• Majlis switcher, FAQ accordion, category tabs, ticker and motif bands

• Warm color system: 24 color styles and 14 text styles (Reem Kufi + Cairo)

• Fully responsive across Desktop, Tablet and Phone

• Reservation form ready to connect

• Smooth scrolling included, easy to remove

Perfect for

Restaurants, cafés, majlis and event venues, catering, and any hospitality brand in the Gulf and MENA region that needs Arabic and English in one site.

Fonts

Reem Kufi and Cairo (Google Fonts, free).

Images

Unsplash, free for commercial use. Replace them with your own photography.

54:T4b1,

Nordlys is a refined Framer template for architecture and interior design studios. It opens with a cinematic video hero and smooth scroll, and includes CMS-powered project typologies with detail pages, a studio page, a full style guide, a custom 404, and privacy and terms pages.

What's included

Home, Studio, Typologies (CMS list + detail pages), Style Guide, 404, Privacy Policy, Terms of Service
CMS collection for projects, ready to fill with your own work
Reusable components: Navbar, Footer, Button, Portfolio Card, FAQ Item, Filter Tab, Client Logo, Gallery Image
Custom code components: count-up numbers, hover image row, expand on hover, scroll-scale media, parallax image cluster
Appear, scroll and text effects with smooth scrolling
Fully responsive on desktop, tablet and mobile

Easy to customize: swap the hero video, edit color and text styles from the Style Guide, and manage all projects through the CMS.

Fonts: Switzer, Zodiak and IBM Plex Mono (free for commercial use).

55:T8e0,

Verrone is built for studios that design and build. Architecture practices, design-build firms, interior studios, restoration specialists and residential developers — anyone who sells process, craft and accountability rather than a list of services.

The page order follows how a real commission is actually won: the premise, the studio behind it, the disciplines, the construction detail, the fixed process, the materials, then the work. Every proof point has a home — capacity, budget accuracy, awards, defects cover, and client words in their own voice.

WHAT'S INSIDE

Pages

• Home — twelve sections, from premise to contact

• Projects — CMS archive with filter chips

• Project detail — full CMS case-study layout

• Privacy, Terms, Cookies

• Custom 404

Content systems

• CMS-driven project archive, eight sample case studies included

• Filterable work grid

• Stats, testimonials and awards blocks ready for real numbers

• Materials palette and six-discipline service list

Custom interactions

• Animated site loader

• Interactive wall-anatomy diagram

• 3D project carousel

• Image trail cursor

• Scroll-scrubbed manifesto text

• Rotating process dial

• Service preview on hover

• Magnetic buttons and CTA orb

• Count-up statistics

• Horizontal scroll section

• Auto-hiding nav with scroll progress

• Custom cursor

• Smooth scroll

Craft

• Instrument Serif, JetBrains Mono and Inter

• Shared color and text styles throughout

• Responsive across desktop, tablet and phone

• Named layers and grouped assets

• Realistic copy — no lorem ipsum anywhere

WHO IT'S FOR

Architecture studios · design-build contractors · interior architects · landscape studios · restoration practices · high-end residential developers · design agencies wanting an editorial portfolio.

Swap the copy, drop in your projects through the CMS, and the structure carries the rest.

56:T917,

Atelier Norval is an editorial portfolio template for interior architecture and design studios — built around photography, long-form project stories and a quiet, material-led type system. Six pages, three CMS collections and a shared layout, all responsive across desktop, tablet and phone.

What's inside

Pages

• Home — immersive hero, services, 3D archive carousel, materials board, stats, testimonials and contact form

• Works — filterable project grid

• Project detail — CMS template with facts, gallery and prev/next

• Journal — featured post plus archive

• Journal detail — CMS template with rich text and prev/next

• Custom 404

CMS collections

• Projects — cover, gallery, location, year, type, scope, team and rich-text body

• Journal — cover, date, category, excerpt, reading time and rich-text body

• Testimonials — quote, author, project and location

Design system

• 14 colour tokens and 14 text styles, 8 with full responsive scales

• Shared layout template with navbar and footer

• Navbar component with five states and editable labels

• Instrument Serif, Schibsted Grotesk and Space Mono

Motion

• 3D archive carousel — drag, throw or step with the arrows

• Horizontal scroll track, sticky service stack and scroll-reactive marquees

• Odometer counters, word reveals, magnetic links and a custom cursor label

• Every animation respects reduced-motion preferences

Contact form

• Labelled fields with validation and pending, success, error and incomplete states

Getting started

Open the Start Here page for setup notes: rename and rebrand, swap the media, then edit the six featured cards on the home page. Color and type live in the Styles panel, so the whole site rebrands from one place.

Photography ships under the Unsplash license as placeholders — replace it with your own before publishing.

57:T673,

Northfield is a template for the people who actually build things — general contractors, design-build firms, civil and industrial outfits. It reads like a project record, not a brochure: drawing-sheet codes down the rail, real numbers, and photography that reveals as you scroll.

Eight pages, ready to fill Home, Work index, a CMS project detail page, Careers with an application form, Style guide, Privacy, Terms, and a 404.

Built to be edited

A CMS-driven project catalogue with sector filtering, and a detail page covering facts, challenge/solution, outcome stats, and a 12-image gallery
Two working forms — project enquiry and job application
A shared site layout, so the nav and footer are edited once
Color and text styles throughout, plus a style-guide page documenting them

Motion you can actually change Every entrance is a native Framer Effect — no hidden animation code. Five presets across the whole site, all on one easing curve, with staggered cascades on every grid and list tuned to finish inside 1.2 seconds. Layer names carry their preset (Team List · card-lift), so you can find every use of an animation by searching the layers panel. Mobile carries its own reduced distances.

Responsive across desktop, tablet and phone.

A few signature pieces — the hero reveal, the scroll-linked photo reveals and the sticky method rail — are powered by included code overrides, documented in the template.

58:T524,

Kraft is a brutalist architecture template for studios, architects, and design practices that want their work to feel permanent — raw concrete tones, exposed structural grids, and uncompromising typography in Space Grotesk.

It ships as a complete multi-page site: a Home page with manifesto, design principles, an interactive process tabs section, blueprint case studies, metrics, team, testimonials, and a contact form — plus a fully CMS-driven Project Archive with detail pages, and ready-made Privacy, Terms, Cookies, and 404 pages.

Everything is built with reusable components and variants, fully responsive across desktop, tablet, and mobile, with a custom code component powering the hover imagery in the archive. Swap the copy, drop in your projects, and publish.

WHAT'S INSIDE

— 7 pages, fully responsive

— CMS-powered Project Archive + detail pages

— CMS-powered FAQ section

— Interactive process tabs & testimonial carousel

— Contact form with terms consent

— Reusable Navbar, Footer, Button, and card components

— Custom hover-image code component

— Cookie banner included

Built for architecture studios, construction firms, interior designers, and any brand that prefers structure over decoration.

59:Tb37,

Image Ripple (WebGL)

Transform any image into a living water scene with crisp, responsive ripples—built for mouse, touch, and pen. Enjoy smooth performance on mobile and broad WebGL1 compatibility. Accurate cover mapping keeps your visuals on-brand (no stretching or cropping), while adaptive timing delivers silky motion across devices. Perfect for hero banners, product imagery, and interactive sections that captivate and convert.

Highlights

Realistic, responsive ripple simulation
Pointer Events support (mouse/touch/pen)
Mobile-friendly with smart DPR capping
WebGL1-ready for older GPUs
Adaptive timing for steady animation
Accurate cover UV mapping

Quick controls

Image: choose the source/alt for your visual.
Ripple Strength: overall intensity of the effect.
Ripple Speed: how fast waves evolve.
Ripple Density: frequency/complexity of ripples.
Liquid Line Density: adds subtle flowing patterns.
Distortion Strength: push/pull of pixels around interaction.
Distortion Radius: area of influence.
Distortion Falloff: how quickly the effect fades outward.
Mouse Offset: slight drift following the pointer for depth.
Effect Width / Height: limit the active region (per-axis).
Dampening: controls trail fade-out and persistence.
Quality (DPR cap): balance clarity vs. speed on high-DPI screens.
Max Trail: adjust trail length for stability and style.

Make imagery feel alive—without heavy assets or video. Plug in, tweak, and ship experiences that stand out.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-421e26d7-a6eb-4c8d-a5f5-f41e1754c366-all:/unified/creator/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/activity/":[{"data":[{"id":"01a0feb8-eaf0-75c9-aaa0-9e8003fa59a2","type":"template.created","target":{"type":"template","id":"74543","preview":"Operandi","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a0feaf-af90-7538-8b83-f32518ce01f6.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","slug":"weblr","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-02T22:25:26.768Z","latestAt":"2026-10-02T22:25:26.768Z"},{"id":"01a0c61d-936e-7201-b53d-868749d34aef","type":"template.created","target":{"type":"template","id":"73544","preview":"Sidra","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a0c619-bf94-7755-ade7-640462f72e7f.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","slug":"weblr","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-21T22:37:02.190Z","latestAt":"2026-09-21T22:37:02.190Z"},{"id":"01a0a9b8-55f5-76db-8cb7-2223745a7fb5","type":"template.created","target":{"type":"template","id":"73217","preview":"Nordlys","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a0a9b3-67c9-745b-a23e-39e7306149a5.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","slug":"weblr","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-16T10:17:05.269Z","latestAt":"2026-09-16T10:17:05.269Z"},{"id":"01a02032-08cf-7235-b577-d201bd8d2b2f","type":"template.created","target":{"type":"template","id":"71625","preview":"Verrone","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a02030-3850-77ff-b853-3c049f8501a3.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","slug":"weblr","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-20T17:22:25.103Z","latestAt":"2026-08-20T17:22:25.103Z"},{"id":"01a016f0-f6bd-74a3-a460-8e3844053795","type":"comment.reply","target":{"type":"post","id":"01a01667-12a7-7579-84d5-ec0849643a94","preview":"Norval","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a01662-2226-739a-a0bf-05d666e011b1.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"01a01667-12a7-7579-84d5-ec0849643a94","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a016f0-f698-73ff-a89a-ce2302bd56a3","preview":"Thanks a lot! ❤ Glad you like it.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks a lot! "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}},{"type":"text","text":" Glad you like it."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a01667-12a7-7579-84d5-ec0849643a94","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0169e-f521-7244-8cb6-2f32772c9950"},"repost":null}},"actors":[{"id":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","slug":"weblr","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-18T22:14:45.693Z","latestAt":"2026-08-18T22:14:45.693Z"},{"id":"01a016f0-d525-7589-9ba6-1cf1bfa23c9d","type":"comment.liked","target":{"type":"comment","id":"01a0169e-f521-7244-8cb6-2f32772c9950","preview":"Premium template man","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Premium template man"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a01667-12a7-7579-84d5-ec0849643a94","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0169e-f521-7244-8cb6-2f32772c9950"},"repost":null}},"context":{"type":"post","id":"01a01667-12a7-7579-84d5-ec0849643a94","preview":"Norval","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a01662-2226-739a-a0bf-05d666e011b1.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"01a01667-12a7-7579-84d5-ec0849643a94","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","slug":"weblr","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-18T22:14:37.085Z","latestAt":"2026-08-18T22:14:37.085Z"},{"id":"01a01667-14a9-7231-9b34-f646d4ca88ce","type":"template.created","target":{"type":"template","id":"71509","preview":"Norval","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a01662-2226-739a-a0bf-05d666e011b1.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","slug":"weblr","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-18T19:44:09.385Z","latestAt":"2026-08-18T19:44:09.385Z"},{"id":"019ffcf9-0973-740d-a947-946e7370ae4c","type":"template.created","target":{"type":"template","id":"71222","preview":"Northfield","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/019ffcf5-997c-71bd-b48b-f36c07bbc616.webp","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","slug":"weblr","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-08-13T21:13:27.155Z","latestAt":"2026-08-13T21:13:27.155Z"},{"id":"019fbeb5-d56f-7352-8562-09de3ee95560","type":"comment.liked","target":{"type":"comment","id":"019fbbb6-01cb-70a9-a870-bdc4903b6304","preview":"Flawless work!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Flawless work!","marks":[{"type":"bold"}]}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019fba5f-6591-7054-a9d7-d1315b666751","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fbbb6-01cb-70a9-a870-bdc4903b6304"},"repost":null}},"context":{"type":"post","id":"019fba5f-6591-7054-a9d7-d1315b666751","preview":"Kraft","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/019fba5c-9cb7-774c-9fa3-200c586281bf.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"019fba5f-6591-7054-a9d7-d1315b666751","like":{"count":14,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","slug":"weblr","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-01T19:03:35.530Z","latestAt":"2026-08-01T19:03:35.530Z"},{"id":"019fbeb5-bda8-76ed-b275-fcde21040809","type":"comment.reply","target":{"type":"post","id":"019fba5f-6591-7054-a9d7-d1315b666751","preview":"Kraft","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/019fba5c-9cb7-774c-9fa3-200c586281bf.jpg","targetDeleted":false,"owned":true,"actions":{"postId":"019fba5f-6591-7054-a9d7-d1315b666751","like":{"count":14,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019fbeb5-bd91-73eb-ac08-0bc174fcafd0","preview":"I really appreciate it! Thanks for your kind words. ❤","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I really appreciate it! Thanks for your kind words. "},{"type":"emoji","attrs":{"name":"heart","emoji":"❤"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019fba5f-6591-7054-a9d7-d1315b666751","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019fbbb6-01cb-70a9-a870-bdc4903b6304"},"repost":null}},"actors":[{"id":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","slug":"weblr","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-01T19:03:29.448Z","latestAt":"2026-08-01T19:03:29.448Z"},{"id":"019fba5f-6721-75f2-91ce-9a6797d0b4ad","type":"template.created","target":{"type":"template","id":"70508","preview":"Kraft","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/019fba5c-9cb7-774c-9fa3-200c586281bf.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","slug":"weblr","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-31T22:50:42.337Z","latestAt":"2026-07-31T22:50:42.337Z"},{"id":"019f1e4c-f827-716a-89e0-b7f495f43128","type":"comment.liked","target":{"type":"comment","id":"019ef8f9-f171-77b5-ab37-224329b9ab61","preview":"There is huge bugs. \ncan you share your code with me. the gradient breakdown on the ios device .","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"There is huge bugs. "}]},{"type":"paragraph","content":[{"type":"text","text":"can you share your code with me. the gradient breakdown on the ios device ."}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"0199ceb9-5803-785e-a85b-3ae2ba539907","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ef8f9-f171-77b5-ab37-224329b9ab61"},"repost":null}},"context":{"type":"post","id":"0199ceb9-5803-785e-a85b-3ae2ba539907","preview":"Animated Gradient BG","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/kiprxUqhjWAdXXq1hZsS/animated-gradient-bg-4NJcqNtz53KJJmQrn3kWHjHRLpWBx1","targetDeleted":false,"owned":true,"actions":{"postId":"0199ceb9-5803-785e-a85b-3ae2ba539907","like":{"count":42,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","slug":"weblr","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-01T15:29:48.574Z","latestAt":"2026-07-01T15:29:48.574Z"},{"id":"019f1e39-46dd-75c3-bbcf-b16221c8cab4","type":"comment.reply","target":{"type":"post","id":"0199ceb9-5803-785e-a85b-3ae2ba539907","preview":"Animated Gradient BG","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/kiprxUqhjWAdXXq1hZsS/animated-gradient-bg-4NJcqNtz53KJJmQrn3kWHjHRLpWBx1","targetDeleted":false,"owned":true,"actions":{"postId":"0199ceb9-5803-785e-a85b-3ae2ba539907","like":{"count":42,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f1e39-46c9-767d-84e9-05ba6144dcc8","preview":"sure how can i send it to you\nhttps://github.com/autotest9096-biko/Framer-Animated-Gradient.git","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"sure how can i send it to you"}]},{"type":"paragraph","content":[{"type":"text","text":"https://github.com/autotest9096-biko/Framer-Animated-Gradient.git","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://github.com/autotest9096-biko/Framer-Animated-Gradient.git","target":"_blank"}}]}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"0199ceb9-5803-785e-a85b-3ae2ba539907","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019ef8f9-f171-77b5-ab37-224329b9ab61"},"repost":null}},"actors":[{"id":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","slug":"weblr","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-01T15:08:18.013Z","latestAt":"2026-07-01T15:08:18.013Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:421e26d7-a6eb-4c8d-a5f5-f41e1754c366:/unified/posts/?creator=421e26d7-a6eb-4c8d-a5f5-f41e1754c366&with=reposts":[{"data":[{"id":"01a0feb8-e8bf-75dc-95db-97353c0fe08a","title":null,"body":"

Operandi is live on the Framer Marketplace, and it's free.

A calm, editorial template for AI and automation agencies. It comes with two home page versions plus services, pricing, case studies and a journal, all CMS-driven and fully responsive.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Operandi is live on the Framer Marketplace, and it's free."}]},{"type":"paragraph","content":[{"type":"text","text":"A calm, editorial template for AI and automation agencies. It comes with two home page versions plus services, pricing, case studies and a journal, all CMS-driven and fully responsive."}]}]},"author":{"framerUserId":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","slug":"weblr","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","followed":false,"followsYou":false},"media":[],"resources":[{"id":"74543","resolved":true,"title":"Operandi","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Operandi ","marks":[{"type":"bold"}]},{"type":"text","text":"is a calm, editorial Framer template for"},{"type":"text","text":" AI agencies","marks":[{"type":"bold"}]},{"type":"text","text":","},{"type":"text","text":" automation studios","marks":[{"type":"bold"}]},{"type":"text","text":" and "},{"type":"text","text":"technical consultancies","marks":[{"type":"bold"}]},{"type":"text","text":". It's built for teams that sell outcomes, not hype: clear services, honest pricing, real case studies and a journal that shows how you think."}]},{"type":"paragraph","content":[{"type":"text","text":"Every page is fully responsive across desktop, tablet and phone. Most content lives in the CMS, so you can launch quickly and keep the site up to date without touching the layout."}]},{"type":"paragraph","content":[{"type":"text","text":"Two home page versions","marks":[{"type":"bold"}]},{"type":"text","text":" Pick the one that fits your brand, or keep both:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Home 1: an editorial split hero with a live agent diagram and a dark problem section"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Home 2: a warm, centered hero with a serif accent and a before/after pipeline mockup"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Pages","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Home 1"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Home 2"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Services"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Work"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Case study (CMS)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pricing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"About"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Journal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Journal article (CMS)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Privacy"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"404"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"CMS collections","marks":[{"type":"bold"}]},{"type":"text","text":" Cases, Journal, Services, FAQ, Testimonials, Team"}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive on desktop, tablet and phone"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Native Framer animations: scroll reveals, hover states, count-up stats and sticky sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interactive services list with an image reveal on hover"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Three-tier pricing plus a \"receipt\" style block for what's included in every plan"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Case studies with client, industry, stack, result, gallery and pull quote"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Journal with category filters and a featured article"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact form with a budget select, ready to connect to your inbox"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reusable components: navigation, footer, buttons, FAQ items, case cards"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Color and text styles set up for quick rebranding"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SEO titles, descriptions and social images on every page"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for","marks":[{"type":"bold"}]},{"type":"text","text":" AI agencies, automation studios, ops consultancies, dev shops and technical freelancers."}]}]},"introduction":"AI & automation agency template","slug":"operandi","author":{"framerUserId":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","slug":"weblr","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a0feaf-af90-7538-8b83-f32518ce01f6.jpg","metadata":{"tint":{"h":30,"s":87,"l":47},"width":1152,"height":864}},{"type":"video","url":"https://stream.mux.com/olb01l01CVSKcs1AVTFJilEV7lpnhThFBff5Yeab2FNPo.m3u8","metadata":{"posterUrl":"https://image.mux.com/olb01l01CVSKcs1AVTFJilEV7lpnhThFBff5Yeab2FNPo/thumbnail.webp?time=2.2","aspectRatio":"960:439","duration":30.433333}},{"type":"video","url":"https://stream.mux.com/7f3G5kzD6Rjd6QJZxFydU6At00vWtHK6YVbrJYgeU1hY.m3u8","metadata":{"posterUrl":"https://image.mux.com/7f3G5kzD6Rjd6QJZxFydU6At00vWtHK6YVbrJYgeU1hY/thumbnail.webp?time=12.367","aspectRatio":"960:439","duration":26.833333}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a0feb1-bc71-70c2-b909-a43f03b187cb.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a0feb1-d2ba-719a-a776-cf1c0106f66e.png","metadata":{"tint":{"h":120,"s":53,"l":43},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-02T22:25:25.599Z","updatedAt":"2026-10-04T21:14:03.268Z","publishedAt":"2026-10-02T22:25:25.596Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/KCLqpXP","remixUrl":"https://framer.link/KCLqpXP","previewUrl":"https://operand.framer.ai/","categories":[{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":236,"name":"Light","slug":"light"},{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"}],"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-02T22:25:26.208Z","updatedAt":"2026-10-02T22:25:26.208Z"},{"id":"01a0c61d-9129-72fd-8b86-3300c82db0be","title":null,"body":"

Sidra — a bilingual Arabic/English restaurant template for Framer. FREE TO REMIX

Full RTL layout, native language switcher, CMS menu with categories, majlis & events switcher, reviews, FAQ and a reservation form. Warm Najdi palette, Reem Kufi + Cairo, fully responsive.

Built for restaurants, cafés and event venues across the Gulf and MENA.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Sidra — a bilingual Arabic/English restaurant template for Framer. FREE TO REMIX"}]},{"type":"paragraph","content":[{"type":"text","text":"Full RTL layout, native language switcher, CMS menu with categories, majlis & events switcher, reviews, FAQ and a reservation form. Warm Najdi palette, Reem Kufi + Cairo, fully responsive."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for restaurants, cafés and event venues across the Gulf and MENA. "}]}]},"author":{"framerUserId":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","slug":"weblr","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","followed":false,"followsYou":false},"media":[],"resources":[{"id":"73544","resolved":true,"title":"Sidra","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Sidra is a bilingual restaurant template","marks":[{"type":"bold"}]},{"type":"text","text":" built for "},{"type":"text","text":"Arabic","marks":[{"type":"bold"}]},{"type":"text","text":"-first brands that also welcome "},{"type":"text","text":"English","marks":[{"type":"bold"}]},{"type":"text","text":"-speaking guests. Arabic is the default language with a full right-to-left layout, and English is one click away through a native, styled language menu that keeps visitors on the same page."}]},{"type":"paragraph","content":[{"type":"text","text":"The homepage takes guests from a full-screen hero to the story of the kitchen, the fire journey, a CMS-powered menu with category tabs, the chef's signature dish, an atmosphere gallery, a private majlis and events switcher, guest reviews, FAQ, opening hours and location, and a reservation form."}]},{"type":"paragraph","content":[{"type":"text","text":"What's included","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• 5 pages: Home, Menu, Menu item detail (CMS), Privacy, 404"}]},{"type":"paragraph","content":[{"type":"text","text":"• 3 CMS collections: Menu items, Categories, Reviews"}]},{"type":"paragraph","content":[{"type":"text","text":"• Two locales, Arabic (default) and English, with localized text, slugs and SEO metadata"}]},{"type":"paragraph","content":[{"type":"text","text":"• Navigation and Footer components with Desktop, Tablet and Phone variants"}]},{"type":"paragraph","content":[{"type":"text","text":"• Custom language menu, plus locale-aware floating WhatsApp and Call buttons"}]},{"type":"paragraph","content":[{"type":"text","text":"• Majlis switcher, FAQ accordion, category tabs, ticker and motif bands"}]},{"type":"paragraph","content":[{"type":"text","text":"• Warm color system: 24 color styles and 14 text styles (Reem Kufi + Cairo)"}]},{"type":"paragraph","content":[{"type":"text","text":"• Fully responsive across Desktop, Tablet and Phone"}]},{"type":"paragraph","content":[{"type":"text","text":"• Reservation form ready to connect"}]},{"type":"paragraph","content":[{"type":"text","text":"• Smooth scrolling included, easy to remove"}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Restaurants, cafés, majlis and event venues, catering, and any hospitality brand in the Gulf and MENA region that needs Arabic and English in one site."}]},{"type":"paragraph","content":[{"type":"text","text":"Fonts","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Reem Kufi and Cairo (Google Fonts, free)."}]},{"type":"paragraph","content":[{"type":"text","text":"Images","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Unsplash, free for commercial use. Replace them with your own photography."}]}]},"introduction":"Arabic restaurant site RTL LTR","slug":"sidra","author":{"framerUserId":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","slug":"weblr","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a0c619-bf94-7755-ade7-640462f72e7f.png","metadata":{"tint":{"h":0,"s":25,"l":13},"width":1600,"height":1200}},{"type":"video","url":"https://stream.mux.com/Q5sHc1RcT3Sew55iRM00usNvhq3FC6S7nIF3jWl3WjjQ.m3u8","metadata":{"posterUrl":"https://image.mux.com/Q5sHc1RcT3Sew55iRM00usNvhq3FC6S7nIF3jWl3WjjQ/thumbnail.webp?time=25.9","aspectRatio":"955:441","duration":37.133333}},{"type":"video","url":"https://stream.mux.com/02mFimLOaaUSBvuGvcR01kDS00iG2c01clACYraV9UhDxmk.m3u8","metadata":{"posterUrl":"https://image.mux.com/02mFimLOaaUSBvuGvcR01kDS00iG2c01clACYraV9UhDxmk/thumbnail.webp?time=21.433","aspectRatio":"955:441","duration":39.7}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a0c61d-4638-7425-93a6-9e981c9f4559.png","metadata":{"tint":{"h":45,"s":45,"l":36},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a0c61d-466d-7011-b197-ce66f3fb74f4.png","metadata":{"tint":{"h":30,"s":40,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-21T22:37:00.947Z","updatedAt":"2026-09-21T22:37:00.947Z","publishedAt":"2026-09-21T22:37:00.944Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/R0IRNmn","remixUrl":"https://framer.link/R0IRNmn","previewUrl":"https://sidra.framer.media/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":115,"name":"Food","slug":"food"},{"id":237,"name":"Marketing","slug":"marketing"},{"id":191,"name":"Bakery & Cafe","slug":"bakery-and-cafe"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":11,"name":"Ecommerce","slug":"ecommerce"},{"id":217,"name":"Food Blog","slug":"food-blog"},{"id":218,"name":"Free","slug":"free-website-templates"},{"id":248,"name":"Services","slug":"professional-services"}],"styles":[],"mainCategory":{"id":289,"name":"Restaurants","slug":"restaurants"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":19,"name":"Localization","slug":"localization"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-21T22:37:01.610Z","updatedAt":"2026-09-21T22:37:01.610Z"},{"id":"01a0a9b8-53c3-743e-8474-86dc5751e7c3","title":null,"body":"

Nordlys is live — a refined Framer template for architecture and interior design studios. Cinematic video hero, CMS-powered project typologies with detail pages, a full style guide and custom code components for scroll and hover interactions. Free to remix.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nordlys ","marks":[{"type":"bold"}]},{"type":"text","text":"is live — a refined Framer template for architecture and interior design studios. Cinematic video hero, CMS-powered project typologies with detail pages, a full style guide and custom code components for scroll and hover interactions. Free to remix."}]}]},"author":{"framerUserId":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","slug":"weblr","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","followed":false,"followsYou":false},"media":[],"resources":[{"id":"73217","resolved":true,"title":"Nordlys","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Nordlys ","marks":[{"type":"bold"}]},{"type":"text","text":"is a refined Framer template for "},{"type":"text","text":"architecture ","marks":[{"type":"bold"}]},{"type":"text","text":"and "},{"type":"text","text":"interior design","marks":[{"type":"bold"}]},{"type":"text","text":" studios. It opens with a cinematic video hero and smooth scroll, and includes CMS-powered project typologies with detail pages, a studio page, a full style guide, a custom 404, and privacy and terms pages."}]},{"type":"paragraph","content":[{"type":"text","text":"What's included","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Home, Studio, Typologies (CMS list + detail pages), Style Guide, 404, Privacy Policy, Terms of Service"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS collection for projects, ready to fill with your own work"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reusable components: Navbar, Footer, Button, Portfolio Card, FAQ Item, Filter Tab, Client Logo, Gallery Image"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom code components: count-up numbers, hover image row, expand on hover, scroll-scale media, parallax image cluster"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Appear, scroll and text effects with smooth scrolling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive on desktop, tablet and mobile"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Easy to customize","marks":[{"type":"bold"}]},{"type":"text","text":": swap the hero video, edit color and text styles from the Style Guide, and manage all projects through the CMS."}]},{"type":"paragraph","content":[{"type":"text","text":"Fonts: Switzer, Zodiak and IBM Plex Mono (free for commercial use)."}]}]},"introduction":"Architecture & Design Studio","slug":"nordlys","author":{"framerUserId":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","slug":"weblr","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a0a9b3-67c9-745b-a23e-39e7306149a5.png","metadata":{"tint":{"h":60,"s":17,"l":51},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a0a9b3-855f-714f-a4cc-89d6b6e3b9b4.png","metadata":{"tint":{"h":60,"s":26,"l":47},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a0a9b3-99bb-73ff-be7d-0c9b852f36ad.png","metadata":{"tint":{"h":60,"s":26,"l":47},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a0a9b3-bb07-73fa-bf53-9cfabde345b0.png","metadata":{"tint":{"h":60,"s":17,"l":51},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a0a9b3-bb45-76f8-bce0-d7f89a3e9b05.png","metadata":{"tint":{"h":60,"s":26,"l":47},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-16T10:17:04.154Z","updatedAt":"2026-09-16T10:17:04.154Z","publishedAt":"2026-09-16T10:17:04.151Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/RebRxQZ","remixUrl":"https://framer.link/RebRxQZ","previewUrl":"https://nord.framer.photos/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":204,"name":"Construction","slug":"construction"},{"id":226,"name":"Home Decor","slug":"home-decor"},{"id":230,"name":"Interior Design","slug":"interior-design"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[],"mainCategory":{"id":187,"name":"Architecture","slug":"architecture"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":7,"name":"Light & Dark Theme","slug":"light-dark-theme"},{"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":39,"name":"Selection Styles","slug":"selection-styles"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-16T10:17:04.707Z","updatedAt":"2026-09-16T10:17:04.707Z"},{"id":"01a02032-06b5-764c-8275-5d530fa09c28","title":null,"body":"

Verrone is live.

A design-build template for studios that draw, cost and build — architecture practices, interior studios, residential developers.

Free To Remix

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Verrone is live."}]},{"type":"paragraph","content":[{"type":"text","text":"A design-build template for studios that draw, cost and build — architecture practices, interior studios, residential developers."}]},{"type":"paragraph","content":[{"type":"text","text":"Free To Remix"}]}]},"author":{"framerUserId":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","slug":"weblr","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","followed":false,"followsYou":false},"media":[],"resources":[{"id":"71625","resolved":true,"title":"Verrone","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Verrone ","marks":[{"type":"bold"}]},{"type":"text","text":"is built for studios that design and build. "},{"type":"text","text":"Architecture ","marks":[{"type":"bold"}]},{"type":"text","text":"practices, design-build firms, interior studios, restoration specialists and residential developers — anyone who sells process, craft and accountability rather than a list of services."}]},{"type":"paragraph","content":[{"type":"text","text":"The page order follows how a real commission is actually won: the premise, the studio behind it, the disciplines, the construction detail, the fixed process, the materials, then the work. Every proof point has a home — capacity, budget accuracy, awards, defects cover, and client words in their own voice."}]},{"type":"customHeading","content":[{"type":"text","text":"WHAT'S INSIDE","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Pages","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Home — twelve sections, from premise to contact"}]},{"type":"paragraph","content":[{"type":"text","text":"• Projects — CMS archive with filter chips"}]},{"type":"paragraph","content":[{"type":"text","text":"• Project detail — full CMS case-study layout"}]},{"type":"paragraph","content":[{"type":"text","text":"• Privacy, Terms, Cookies"}]},{"type":"paragraph","content":[{"type":"text","text":"• Custom 404"}]},{"type":"paragraph","content":[{"type":"text","text":"Content systems","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• CMS-driven project archive, eight sample case studies included"}]},{"type":"paragraph","content":[{"type":"text","text":"• Filterable work grid"}]},{"type":"paragraph","content":[{"type":"text","text":"• Stats, testimonials and awards blocks ready for real numbers"}]},{"type":"paragraph","content":[{"type":"text","text":"• Materials palette and six-discipline service list"}]},{"type":"paragraph","content":[{"type":"text","text":"Custom interactions"}]},{"type":"paragraph","content":[{"type":"text","text":"• Animated site loader"}]},{"type":"paragraph","content":[{"type":"text","text":"• Interactive wall-anatomy diagram"}]},{"type":"paragraph","content":[{"type":"text","text":"• 3D project carousel"}]},{"type":"paragraph","content":[{"type":"text","text":"• Image trail cursor"}]},{"type":"paragraph","content":[{"type":"text","text":"• Scroll-scrubbed manifesto text"}]},{"type":"paragraph","content":[{"type":"text","text":"• Rotating process dial"}]},{"type":"paragraph","content":[{"type":"text","text":"• Service preview on hover"}]},{"type":"paragraph","content":[{"type":"text","text":"• Magnetic buttons and CTA orb"}]},{"type":"paragraph","content":[{"type":"text","text":"• Count-up statistics"}]},{"type":"paragraph","content":[{"type":"text","text":"• Horizontal scroll section"}]},{"type":"paragraph","content":[{"type":"text","text":"• Auto-hiding nav with scroll progress"}]},{"type":"paragraph","content":[{"type":"text","text":"• Custom cursor"}]},{"type":"paragraph","content":[{"type":"text","text":"• Smooth scroll"}]},{"type":"paragraph","content":[{"type":"text","text":"Craft","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Instrument Serif, JetBrains Mono and Inter"}]},{"type":"paragraph","content":[{"type":"text","text":"• Shared color and text styles throughout"}]},{"type":"paragraph","content":[{"type":"text","text":"• Responsive across desktop, tablet and phone"}]},{"type":"paragraph","content":[{"type":"text","text":"• Named layers and grouped assets"}]},{"type":"paragraph","content":[{"type":"text","text":"• Realistic copy — no lorem ipsum anywhere"}]},{"type":"customHeading","content":[{"type":"text","text":"WHO IT'S FOR","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Architecture studios · design-build contractors · interior architects · landscape studios · restoration practices · high-end residential developers · design agencies wanting an editorial portfolio."}]},{"type":"paragraph","content":[{"type":"text","text":"Swap the copy, drop in your projects through the CMS, and the structure carries the rest."}]}]},"introduction":"Design-build studio template","slug":"verrone","author":{"framerUserId":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","slug":"weblr","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a02030-3850-77ff-b853-3c049f8501a3.jpg","metadata":{"tint":{"h":180,"s":17,"l":19},"width":1200,"height":850}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a02030-d7b2-7519-9cf1-71e8755ea921.jpg","metadata":{"tint":{"h":60,"s":50,"l":6},"width":1200,"height":1003}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a02030-d7c1-71cf-b8a1-7141fcfdebd1.jpg","metadata":{"tint":{"h":60,"s":50,"l":6},"width":1200,"height":982}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a02030-d7dd-70ad-a2f7-38089c826163.jpg","metadata":{"tint":{"h":30,"s":23,"l":36},"width":1200,"height":1152}}],"post":null,"createdAt":"2026-08-20T17:22:23.773Z","updatedAt":"2026-08-20T17:22:23.773Z","publishedAt":"2026-08-20T17:22:23.762Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/IaEVxjE","remixUrl":"https://framer.link/IaEVxjE","previewUrl":"https://verrone.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":25,"name":"Real Estate","slug":"real-estate"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":195,"name":"Business Blog","slug":"business-blog"},{"id":187,"name":"Architecture","slug":"architecture"},{"id":230,"name":"Interior Design","slug":"interior-design"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":6,"name":"3D","slug":"3d"}],"mainCategory":{"id":25,"name":"Real Estate","slug":"real-estate"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":7,"name":"Light & Dark Theme","slug":"light-dark-theme"},{"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":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":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-20T17:22:24.566Z","updatedAt":"2026-08-20T17:22:24.566Z"},{"id":"01a01667-12a7-7579-84d5-ec0849643a94","title":null,"body":"

Norval — an editorial portfolio template for interior architecture studios. Six pages, three CMS collections, a draggable 3D archive, and a full color and type system.

Free To Remix.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Norval — an editorial portfolio template for interior architecture studios. Six pages, three CMS collections, a draggable 3D archive, and a full color and type system."}]},{"type":"paragraph","content":[{"type":"text","text":"Free To Remix."}]}]},"author":{"framerUserId":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","slug":"weblr","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","followed":false,"followsYou":false},"media":[],"resources":[{"id":"71509","resolved":true,"title":"Norval","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Atelier Norval is an editorial portfolio template for interior architecture and design studios — built around photography, long-form project stories and a quiet, material-led type system. Six pages, three CMS collections and a shared layout, all responsive across desktop, tablet and phone."}]},{"type":"paragraph","content":[{"type":"text","text":"What's inside","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Pages","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Home","marks":[{"type":"bold"}]},{"type":"text","text":" — immersive hero, services, 3D archive carousel, materials board, stats, testimonials and contact form"}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Works","marks":[{"type":"bold"}]},{"type":"text","text":" — filterable project grid"}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Project detail","marks":[{"type":"bold"}]},{"type":"text","text":" — CMS template with facts, gallery and prev/next"}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Journal","marks":[{"type":"bold"}]},{"type":"text","text":" — featured post plus archive"}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Journal detail","marks":[{"type":"bold"}]},{"type":"text","text":" — CMS template with rich text and prev/next"}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Custom 404","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"CMS collections","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Projects","marks":[{"type":"bold"}]},{"type":"text","text":" — cover, gallery, location, year, type, scope, team and rich-text body"}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Journal","marks":[{"type":"bold"}]},{"type":"text","text":" — cover, date, category, excerpt, reading time and rich-text body"}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Testimonials","marks":[{"type":"bold"}]},{"type":"text","text":" — quote, author, project and location"}]},{"type":"paragraph","content":[{"type":"text","text":"Design system","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• 14 colour tokens and 14 text styles, 8 with full responsive scales"}]},{"type":"paragraph","content":[{"type":"text","text":"• Shared layout template with navbar and footer"}]},{"type":"paragraph","content":[{"type":"text","text":"• Navbar component with five states and editable labels"}]},{"type":"paragraph","content":[{"type":"text","text":"• Instrument Serif, Schibsted Grotesk and Space Mono"}]},{"type":"paragraph","content":[{"type":"text","text":"Motion","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• 3D archive carousel — drag, throw or step with the arrows"}]},{"type":"paragraph","content":[{"type":"text","text":"• Horizontal scroll track, sticky service stack and scroll-reactive marquees"}]},{"type":"paragraph","content":[{"type":"text","text":"• Odometer counters, word reveals, magnetic links and a custom cursor label"}]},{"type":"paragraph","content":[{"type":"text","text":"• Every animation respects reduced-motion preferences"}]},{"type":"paragraph","content":[{"type":"text","text":"Contact form","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"• Labelled fields with validation and pending, success, error and incomplete states"}]},{"type":"paragraph","content":[{"type":"text","text":"Getting started","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Open the "},{"type":"text","text":"Start Here","marks":[{"type":"bold"}]},{"type":"text","text":" page for setup notes: rename and rebrand, swap the media, then edit the six featured cards on the home page. Color and type live in the Styles panel, so the whole site rebrands from one place."}]},{"type":"paragraph","content":[{"type":"text","text":"Photography ships under the Unsplash license as placeholders — replace it with your own before publishing."}]}]},"introduction":"Interior architecture studio","slug":"norval","author":{"framerUserId":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","slug":"weblr","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a01662-2226-739a-a0bf-05d666e011b1.jpg","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a01662-4625-75db-a3d3-68b387989724.jpg","metadata":{"tint":{"h":60,"s":50,"l":6},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a01662-4643-7431-8b48-2e20b68a9965.jpg","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/01a01662-4651-711e-bf6b-9b8d53fb536b.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-18T19:44:08.258Z","updatedAt":"2026-08-18T19:44:08.258Z","publishedAt":"2026-08-18T19:44:08.255Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/gq2nia8","remixUrl":"https://framer.link/gq2nia8","previewUrl":"https://norval.framer.ai/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":25,"name":"Real Estate","slug":"real-estate"},{"id":237,"name":"Marketing","slug":"marketing"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":187,"name":"Architecture","slug":"architecture"},{"id":226,"name":"Home Decor","slug":"home-decor"},{"id":230,"name":"Interior Design","slug":"interior-design"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[],"mainCategory":{"id":187,"name":"Architecture","slug":"architecture"},"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":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":39,"name":"Selection Styles","slug":"selection-styles"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-18T19:44:08.871Z","updatedAt":"2026-08-18T19:44:08.871Z"},{"id":"019ffcf9-073b-746b-8122-6ba491459bbe","title":null,"body":"

Free to remix.

Northfield — a free template for design-build contractors and construction firms.

Eight pages, CMS project catalogue with sector filtering, two working forms, and a style guide. Every animation is a native

Framer Effect — five presets, one curve, editable from the panel.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Free to remix."}]},{"type":"paragraph","content":[{"type":"text","text":"Northfield — a free template for design-build contractors and construction firms."}]},{"type":"paragraph","content":[{"type":"text","text":"Eight pages, CMS project catalogue with sector filtering, two working forms, and a style guide. Every animation is a native"}]},{"type":"paragraph","content":[{"type":"text","text":"Framer Effect — five presets, one curve, editable from the panel."}]},{"type":"paragraph"}]},"author":{"framerUserId":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","slug":"weblr","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","followed":false,"followsYou":false},"media":[],"resources":[{"id":"71222","resolved":true,"title":"Northfield","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Northfield","marks":[{"type":"bold"}]},{"type":"text","text":" is a template for the people who actually build things — general contractors, design-build firms, civil and industrial outfits. It reads like a project record, not a brochure: drawing-sheet codes down the rail, real numbers, and photography that reveals as you scroll."}]},{"type":"paragraph","content":[{"type":"text","text":"Eight pages, ready to fill","marks":[{"type":"bold"}]},{"type":"text","text":" Home, Work index, a CMS project detail page, Careers with an application form, Style guide, Privacy, Terms, and a 404."}]},{"type":"paragraph","content":[{"type":"text","text":"Built to be edited","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A CMS-driven project catalogue with sector filtering, and a detail page covering facts, challenge/solution, outcome stats, and a 12-image gallery"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Two working forms — project enquiry and job application"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A shared site layout, so the nav and footer are edited once"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Color and text styles throughout, plus a style-guide page documenting them"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Motion you can actually change","marks":[{"type":"bold"}]},{"type":"text","text":" Every entrance is a "},{"type":"text","text":"native Framer Effect","marks":[{"type":"bold"}]},{"type":"text","text":" — no hidden animation code. Five presets across the whole site, all on one easing curve, with staggered cascades on every grid and list tuned to finish inside 1.2 seconds. Layer names carry their preset ("},{"type":"text","text":"Team List · card-lift","marks":[{"type":"code"}]},{"type":"text","text":"), so you can find every use of an animation by searching the layers panel. Mobile carries its own reduced distances."}]},{"type":"paragraph","content":[{"type":"text","text":"Responsive","marks":[{"type":"bold"}]},{"type":"text","text":" across desktop, tablet and phone."}]},{"type":"paragraph","content":[{"type":"text","text":"A few signature pieces — the hero reveal, the scroll-linked photo reveals and the sticky method rail — are powered by included code overrides, documented in the template."}]},{"type":"paragraph"}]},"introduction":"Construction Firms Template","slug":"northfield","author":{"framerUserId":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","slug":"weblr","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/019ffcf5-997c-71bd-b48b-f36c07bbc616.webp","metadata":{"tint":{"h":0,"s":10,"l":16},"width":1568,"height":739}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/019ffcf5-e206-7048-ae76-a2e546c84b06.jpg","metadata":{"tint":{"h":60,"s":26,"l":47},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/019ffcf5-e23d-747e-aab6-bfa9b165ebd3.jpg","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/019ffcf5-e20a-7376-891f-3b642d174a84.jpg","metadata":{"tint":{"h":60,"s":26,"l":47},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-13T21:13:25.928Z","updatedAt":"2026-09-22T16:15:31.698Z","publishedAt":"2026-08-13T21:13:25.924Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/CYShT22","remixUrl":"https://framer.link/CYShT22","previewUrl":"https://northfield.framer.ai/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":25,"name":"Real Estate","slug":"real-estate"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":204,"name":"Construction","slug":"construction"},{"id":187,"name":"Architecture","slug":"architecture"},{"id":226,"name":"Home Decor","slug":"home-decor"},{"id":230,"name":"Interior Design","slug":"interior-design"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":111,"name":"Minimal","slug":"minimal"}],"mainCategory":{"id":204,"name":"Construction","slug":"construction"},"features":[{"id":7,"name":"Light & Dark Theme","slug":"light-dark-theme"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":39,"name":"Selection Styles","slug":"selection-styles"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-13T21:13:26.587Z","updatedAt":"2026-08-13T21:13:26.587Z"},{"id":"019fba5f-6591-7054-a9d7-d1315b666751","title":null,"body":"

Kraft — a free brutalist architecture template.

Raw concrete, exposed grids, zero decorative trim. Built for architecture studios and design practices that want their work to feel permanent.

7 responsive pages, a CMS-driven project archive, interactive process tabs, and a contact form — free to remix.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Kraft — a free brutalist architecture template."}]},{"type":"paragraph","content":[{"type":"text","text":"Raw concrete, exposed grids, zero decorative trim. Built for architecture studios and design practices that want their work to feel permanent."}]},{"type":"paragraph","content":[{"type":"text","text":"7 responsive pages, a CMS-driven project archive, interactive process tabs, and a contact form — free to remix."}]}]},"author":{"framerUserId":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","slug":"weblr","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","followed":false,"followsYou":false},"media":[],"resources":[{"id":"70508","resolved":true,"title":"Kraft","body":"$58","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Kraft is a brutalist architecture template for studios, architects, and design practices that want their work to feel permanent — raw concrete tones, exposed structural grids, and uncompromising typography in Space Grotesk."}]},{"type":"paragraph","content":[{"type":"text","text":"It ships as a complete multi-page site: a Home page with manifesto, design principles, an interactive process tabs section, blueprint case studies, metrics, team, testimonials, and a contact form — plus a fully CMS-driven Project Archive with detail pages, and ready-made Privacy, Terms, Cookies, and 404 pages."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is built with reusable components and variants, fully responsive across desktop, tablet, and mobile, with a custom code component powering the hover imagery in the archive. Swap the copy, drop in your projects, and publish."}]},{"type":"paragraph","content":[{"type":"text","text":"WHAT'S INSIDE"}]},{"type":"paragraph","content":[{"type":"text","text":"— 7 pages, fully responsive"}]},{"type":"paragraph","content":[{"type":"text","text":"— CMS-powered Project Archive + detail pages"}]},{"type":"paragraph","content":[{"type":"text","text":"— CMS-powered FAQ section"}]},{"type":"paragraph","content":[{"type":"text","text":"— Interactive process tabs & testimonial carousel"}]},{"type":"paragraph","content":[{"type":"text","text":"— Contact form with terms consent"}]},{"type":"paragraph","content":[{"type":"text","text":"— Reusable Navbar, Footer, Button, and card components"}]},{"type":"paragraph","content":[{"type":"text","text":"— Custom hover-image code component"}]},{"type":"paragraph","content":[{"type":"text","text":"— Cookie banner included"}]},{"type":"paragraph","content":[{"type":"text","text":"Built for architecture studios, construction firms, interior designers, and any brand that prefers structure over decoration."}]}]},"introduction":"Brutalist Architecture Portfolio","slug":"kraft","author":{"framerUserId":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","slug":"weblr","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/019fba5c-9cb7-774c-9fa3-200c586281bf.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/019fba5d-cc05-72be-ad6e-ef751f95b361.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/019fba5d-cc14-728b-a40b-76d4bc7611bb.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/019fba5d-cc1f-766a-80b9-86deb6710df4.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/019fba5d-cc72-7488-a39f-e6c8ed43bfd8.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-31T22:50:41.500Z","updatedAt":"2026-09-22T16:16:27.363Z","publishedAt":"2026-07-31T22:50:41.498Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/aen0cEd","remixUrl":"https://framer.link/aen0cEd","previewUrl":"https://kraft.framer.photos/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":237,"name":"Marketing","slug":"marketing"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":187,"name":"Architecture","slug":"architecture"},{"id":230,"name":"Interior Design","slug":"interior-design"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[],"mainCategory":{"id":204,"name":"Construction","slug":"construction"},"features":[{"id":7,"name":"Light & Dark Theme","slug":"light-dark-theme"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"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":37,"name":"Code Components","slug":"code-components"},{"id":39,"name":"Selection Styles","slug":"selection-styles"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-31T22:50:41.937Z","updatedAt":"2026-07-31T22:50:41.937Z"},{"id":"019a0af0-1dcf-7d55-9aca-386f1fc4777b","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","slug":"weblr","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ad80UvK6Py8wlxjHU9TT","resolved":true,"title":"Organic Blobs","body":"

Organic Blobs

Includes 300 blob backgrounds, with more coming soon.

What’s inside: A pack of crisp, scalable SVG blobs, built for Framer and ready to drop into any section.

Customize fast: Adjust opacity, stroke, and colors in seconds—no code. Works in light and dark modes and stays pixel-perfect on all screens.

Use it for: Hero areas, section separators, page backgrounds, portfolios, blogs, and dashboards.

Why it’s great: Lightweight, performance-friendly, organized presets, and one-click import to ship layouts faster.

","bodyJson":null,"introduction":"A clean set of 300 solid-vector Organic Blobs —minimal, scalable, and easy to recolor. Includes full backdrops, void shapes, and corner accents for modern UI and slides.","slug":"organic-blobs","author":{"framerUserId":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","slug":"weblr","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/vector-sets/organic-blobs/01hl3uuj-dHqE5oPSJ0a7MrwqvObeZuL4d0l2kl","metadata":{"tint":{"h":266,"s":89,"l":72},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/vector-sets/organic-blobs/45zbrrtn-yGt7gOq4MQ3myrmZyT9S2SPpAXDv17","metadata":{"tint":{"h":266,"s":89,"l":72},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/vector-sets/organic-blobs/lq1m55ub-iptsMVH31yWQDPig06VGmfyoiSyizD","metadata":{"tint":{"h":266,"s":89,"l":72},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/vector-sets/organic-blobs/x0359taa-Zu4gXLJ1AsMc2BbhPgp1Rn7Qd12eN9","metadata":{"tint":{"h":266,"s":89,"l":72},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-22T05:14:58.038Z","updatedAt":"2025-11-01T07:23:43.335Z","publishedAt":"2025-10-22T08:01:39.791Z","featuredAt":null,"approvedAt":null,"type":"vector","attributes":{"url":"https://re.chujiqiqi.com/m/001-Fluid-Essence-RCiJ.js@IR5rrF93IGU2M3M6ES5V","price":null,"paymentUrl":null,"vectorCount":300,"categories":[{"id":"89c679b1-87fd-4d3a-830c-c029d9c86011","name":"Shapes","slug":"shapes"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-22T08:01:39.791Z","updatedAt":"2025-10-22T08:01:39.791Z"},{"id":"0199ceb9-5803-785e-a85b-3ae2ba539907","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","slug":"weblr","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","followed":false,"followsYou":false},"media":[],"resources":[{"id":"kiprxUqhjWAdXXq1hZsS","resolved":true,"title":"Animated Gradient BG","body":"

Animated Gradient Background

is a professional Framer component that delivers fully animated and customizable gradient backgrounds.

Key Features:

Customize up to 8 blobs with individual colors and sizes, plus adjustable gradient stops for precise control
6 motion modes: Orbit, Organic, Lissajous, Figure8, Random, and All with automatic mode switching capabilities
Advanced interaction: hover tracking with overscan, mobile gyro support, pulse on tap, and scroll-based effects
17 different blend modes for unique visual effects including screen, overlay, and plus-lighter
Complete appearance control: blur, brightness, radius, grain effect, and custom base color
Optimized performance with automatic quality modes, off-screen pausing, and reduced motion support

Perfect for creating hero sections, landing pages, and eye-catching dynamic backgrounds without additional code.

","bodyJson":null,"introduction":"","slug":"animated-gradient-bg","author":{"framerUserId":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","slug":"weblr","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/kiprxUqhjWAdXXq1hZsS/animated-gradient-bg-4NJcqNtz53KJJmQrn3kWHjHRLpWBx1","metadata":{"tint":{"h":324,"s":94,"l":25},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-10-03T20:12:01.919Z","updatedAt":"2025-11-05T18:55:06.880Z","publishedAt":"2025-10-10T15:24:37.251Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Gradient-Animation-tqst.js@tIfezCwTxotjChoh2ZBd","previewUrl":"https://animated-gradient-bg.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"tIfezCwTxotjChoh2ZBd","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":42,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-10T15:24:37.251Z","updatedAt":"2025-10-10T15:24:37.251Z"},{"id":"01993a35-0d27-7d87-96c7-2e3d6988e39d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","slug":"weblr","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","followed":false,"followsYou":false},"media":[],"resources":[{"id":"YJwkduAP6McZpeH8Z1l9","resolved":true,"title":"Image Shatter","body":"

This Framer component turns any image into animated tiles that separate on hover and reassemble smoothly. It supports controllable object-fit modes, custom object-position, DPR capping, and pixel-aligned tile edges to avoid seams. Configure tiles per axis, random seed, maximum offset, rotation, and spring stiffness or damping. A magnetic cursor effect adds directional pull with adjustable strength and radius, including delayed reassembly after leaving hover. Responsive logic reduces tile counts on small screens. Backgrounds are calculated from the loaded image or srcset, preserving natural dimensions and crisp scaling. Motion uses Framer Motion springs, reduced-motion preferences, and GPU-friendly transforms for excellent performance.

","bodyJson":null,"introduction":"","slug":"image-shatter","author":{"framerUserId":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","slug":"weblr","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/YJwkduAP6McZpeH8Z1l9/image-shatter-I5Iyg0QRSAhjjvKHuBm8gcINJlC079","metadata":{"tint":{"h":0,"s":92,"l":33},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-01T04:25:55.313Z","updatedAt":"2025-10-26T07:22:49.059Z","publishedAt":"2025-09-11T19:16:19.367Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Image-Shatter-9fuR.js@M1ReFRVoSmOdZuq4Se8g","previewUrl":"https://image-shatter-remix.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"M1ReFRVoSmOdZuq4Se8g","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-09-11T19:16:19.367Z","updatedAt":"2025-09-11T19:16:19.367Z"},{"id":"01991970-f60b-79c6-abc2-98aadfef0bef","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","slug":"weblr","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","followed":false,"followsYou":false},"media":[],"resources":[{"id":"HEEsbl8uZBDuIKRx6YOx","resolved":true,"title":"Interactive Gradient","body":"

🎨 Dynamic Visuals

Add depth with animated gradients that respond to mouse movement. with silky, edge-safe hover—no snapping—plus seamless looping

⚡ Presets & Customization

Choose ready-made gradient presets or design your own with full control.

🌐 Perfect for Framer

Lightweight, smooth, and professional—ideal for modern interactive web projects.

Note: This is a digital product. Purchases are non-refundable, except in cases of serious technical issues.

","bodyJson":null,"introduction":"","slug":"interactive-gradient","author":{"framerUserId":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","slug":"weblr","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/HEEsbl8uZBDuIKRx6YOx/interactivegradient-9OHytVGCpaPLZvq17jrOde2dEZBdJh","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-24T01:28:33.289Z","updatedAt":"2025-10-10T15:24:09.166Z","publishedAt":"2025-09-05T10:34:17.483Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Interactive-animated-gradient-Bmcw.js@RW3mDHmFxZdQhD4ZfrV0","previewUrl":"https://animated-gradient.framer.ai/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"RW3mDHmFxZdQhD4ZfrV0","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":47,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-09-05T10:34:17.483Z","updatedAt":"2025-09-05T10:34:17.483Z"},{"id":"01989ec0-72e8-784d-b9fc-12a23ed47216","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","slug":"weblr","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","followed":false,"followsYou":false},"media":[],"resources":[{"id":"wlkE7etGNvrY6O8pRIWl","resolved":true,"title":"Image Ripple Effect","body":"$59","bodyJson":null,"introduction":"","slug":"image-ripple-effect","author":{"framerUserId":"421e26d7-a6eb-4c8d-a5f5-f41e1754c366","name":"Weblr Studio","slug":"weblr","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/421e26d7-a6eb-4c8d-a5f5-f41e1754c366/o5oj2zbo","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/wlkE7etGNvrY6O8pRIWl/image-ripple-effect-l4qyqH2MqFg5YMfjzfENdCpA4TeIeL","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-08-07T20:50:46.667Z","updatedAt":"2025-10-22T06:17:48.746Z","publishedAt":"2025-08-12T14:47:49.224Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Image-Ripple-Effect-1oqv.js@upfLuU4VKe46VEhFbj1W","previewUrl":"https://imageripple.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"upfLuU4VKe46VEhFbj1W","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-08-12T14:47:49.224Z","updatedAt":"2025-08-12T14:47:49.224Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L5a"}]