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:T6d3,

1,486 of 2,000 characters (counted with line breaks, bold markers excluded). Copy from here so bold stays bold.

Baffle is a motion-rich, multi-page ecommerce template for brands that want their store to feel as good as their product.

A store that moves. A pinned hero opens as you scroll, product parts separate in a 3D exploded view, category rows open with a cursor lens and headlines stretch from condensed to wide. Motion is calm for visitors who prefer reduced motion.

A real shop. A working bag with options, variants, sold-out combinations and quantities, a slide-in drawer, a full bag page, a sticky add-to-bag bar, discount codes and ⌘K search across products, categories and pages.

Three ways to check out. Shopify (public Storefront token, with Shopify Markets currencies and prices), Stripe Payment Links, or your own checkout endpoint. No currency is hard-coded: it comes from Shopify or your setting.

CMS-driven. Products, journal, legal pages and a shop-the-look gallery live in the CMS. Replace the demo items with yours and the shop, filters, categories, footer and search follow.

Every page designed. Home, shop, product, bag, about, contact, help center, journal and article, legal hub and pages, an EU withdrawal form and 404 — plus a section library with all 27 sections ready to copy.

Setup. Open the START HERE page: add your products, choose a checkout and paste your form endpoints. Automatic Shopify sync (Shopify Link) is prepared and will be recommended once its Shopify app is approved.

Demo photos from Unsplash. Legal texts are examples, not legal advice.

53:T862,

Weft is an editorial fashion store for Framer — a working shop, not just the look of one. Search, filter, pick a size, fill a real bag and check out, all managed from the CMS.

14 pages. Home, shop, product, bag, about, journal and article, help, contact, legal hub with 7 policies, withdrawal form, 404 and a section library.

A real bag. Sizes, colours, quantities and sold-out sizes, saved between visits. A sticky add-to-bag bar follows the shopper down the product page.

Checkout your way. Shopify (whole bag, Shopify Markets), a payment link per product or variant (Stripe and others), or your own endpoint.

Multi-currency. Store and per-product currencies, plus a switcher using Shopify Markets or daily reference rates.

Site-wide search. One search for products, journal posts, FAQ answers and pages, grouped in tabs.

Shop tools. Category and women / men filters, sorting, quick add from the grid, swipeable product photos on phones.

Curated sets and reviews. Products grouped into looks and added to the bag in one go. Star-rated reviews from the CMS, shown per product.

17 ready-made sections. Including a shoppable lookbook, a promo banner with countdown, a newsletter sign-up and a trust strip — copy any from /sections.

Motion with care. Scroll-driven hero, 3D product helix, pinned sets rail, word-by-word statement text. Every animation respects reduced motion.

EU-ready legal pages. Terms, privacy, cookies, shipping, returns, legal notice and accessibility, plus the two-step online withdrawal form.

Setup. Add products in the CMS and they appear everywhere. Connect Shopify or add payment links to take payments. Forms need an endpoint such as Formspree. A setup guide is inside the project.

Demo photos are from Unsplash, used under the Unsplash License, for preview only — replace them with your own. The legal texts are a starting point, not legal advice.

54:T92c,

Thaler — a complete neobank & fintech template

Thaler is a premium, multi-page template for fintech, neobanks, and modern financial services. 21 fully designed, responsive pages — plus real working authentication — to launch a finance brand.

21 designed pages Home, Personal, Business, Cards, Pricing, Security, About, Careers, Journal, Help centre, Contact, System status, Developer API, Log in, Sign up, Profile, Privacy, Terms, Cookies, 404, and a Style guide.

Real authentication with Supabase — bring your own backend Thaler ships with working Log in, Sign up, and Profile pages powered by Supabase Auth. Connect your own free Supabase project and visitors can create accounts, sign in, and stay signed in. The header detects the session and switches to a signed-in state — avatar, Account link, Log out — plus a Profile page. Leave the fields empty and it runs in clean demo mode, previewing perfectly.

Connect Supabase in ~5 minutes, no code

Create a free project at supabase.com.
Open Project Settings > API and copy the Project URL and anon key.
Under Authentication > Providers, enable Email.
In Framer, paste both values into the Supabase fields of the Log in, Sign up, Profile, and Navigation components.
Publish — your auth pages are live. A step-by-step Getting Started page is included in the template.

Reusable code components The navigation, pricing table, and account blocks are reusable code components. Edit the nav once and it updates across all 21 pages, all configurable through property controls — no code required.

Pricing with a monthly / annual toggle Every plan button supports separate links for monthly and annual billing.

CMS-powered Journal The blog is wired to Framer's CMS with a ready post template and CMS-bound SEO.

Built to ship Fully responsive, accessible navigation, refined typography (Fraunces + Geist), and per-page SEO.

Connect Supabase to go live with real accounts, or use Thaler as a pure marketing site.

55:T79c,

Paste as-is; use Paragraph for prose and the Bold tool on the headings.

Kestral is a dark-first, motion-heavy template for AI and developer-tool startups. A cursor-reactive 3D object in the hero, word-by-word headline reveals, spotlight bento cards with a travelling light beam, a tilting product window, animated counters and an aurora that drifts behind everything — built so a landing page feels like a product, not a brochure.

Every animation is a code component with property controls, so the motion is yours to tune (or turn off) without touching code. Nothing is faked with video or GIFs — it all runs live, respects reduced-motion, and stays fast.

Pages (8) Home · Features · Pricing · Changelog · Blog · About · Contact · 404

Included – 16 custom code components: Nav, Hero Object (3D wire sphere, no libraries), Aurora, Word reveal, Buttons with magnetic hover, Bento Card (spotlight + beam), Showcase Window (3D tilt), Counter, Marquee, Pricing grid, FAQ accordion, Page Hero, CTA band, Contact form, Footer – Pricing grid with add/remove tiers from the properties panel — responsive with no breakpoint work – Logo and testimonial marquees that pause on hover – Contact form ready for Formspree, Basin or any POST endpoint – Color and text styles for the whole system: swap the lime accent and the typefaces in one place – Fully responsive: Desktop, Tablet and Phone breakpoints – Bricolage Grotesque + Geist (Google Fonts), free to use

Good for AI agents and infrastructure, developer tools, APIs, SaaS launches, fintech and any product that wants to look like it was built by engineers.

Customize in minutes Change the brand name, accent color, copy and pricing tiers from the properties panel. Every component ships with sensible defaults and a short description on each control.

56:T62a,

Magnetic Button için Description (daha önce hazırladığımız metin, temiz halde):

Magnetic Button adds a tactile, premium micro-interaction to any call-to-action.

As the cursor approaches, the button is gently pulled toward it like a magnet. The label drifts a little less than the button itself, creating a subtle parallax depth, and an optional hover scale adds extra lift. The moment the cursor leaves, everything springs smoothly back to rest.

SETUP

Label, link and open-in-new-tab
Works with Framer's native sizing — set the layer to Fit to size by the label and padding, or Fixed for an exact size

STYLE

Font (any Google Font, with weight and size)
Text colour, background, corner radius
Padding X / Y, border width and colour
Text alignment

MAGNETIC FEEL

Strength: how strongly the button is pulled toward the cursor
Field: the distance around the button where the pull begins
Text Parallax: how much the label drifts relative to the button
Spring: looser and slower, or tight and snappy
Hover Scale: optional lift on hover

Fully responsive, built with clean code — no dependencies, no WebGL. Every property is editable directly in Framer.

Perfect for hero CTAs, pricing buttons, contact links and anywhere you want a button that invites a click.

Free to use — enjoy, and check out my other Framer components.

57:T6cd,

3D Coverflow is a true cylindrical carousel: your slides ride the surface of a turning cylinder, each one tangent to the ring and facing outward, so the left card turns left and the right card turns right — like cards on the outside of a spinning wheel, not flat images sliding past.

NAVIGATION

- Press and drag to spin the ring freely either way, following your pointer

- Flick and release to keep spinning with momentum, easing to a stop and snapping to the nearest slide

- Arrows, dots and arrow keys all glide smoothly

- Smart tap vs drag: a quick tap on the front card opens its link; dragging never triggers it by accident

LINKS & BUTTONS

- Give each slide an image link (tap the front card to open it)

- Or add an optional call-to-action button per slide, with its own text and link

- The button opens its own link, or falls back to the slide link

3D & LAYOUT

- Full Circle mode spreads slides evenly around the ring so there's always depth behind the centre

- Ring radius, perspective, side scale, opacity and back opacity all adjustable

- Custom card width, height and corner radius

STYLE

- Five arrow icon styles (chevron, arrow, caret, angle, triangle) with custom shape, size and colours

- Custom dots, container radius, border and padding

- Background and optional shading

RESPONSIVE

- The whole scene scales down proportionally to fit phones and small sections, keeping the 3D proportions intact — set your design width and it just fits.

Built with clean code — no dependencies, no WebGL, images preloaded so navigation never stutters. Every property is editable directly in Framer.

58:T72d,

Velocity Marquee is an infinite horizontal marquee that responds to scrolling.

On its own it drifts at a steady base speed. As the visitor scrolls, it speeds up in proportion to the scroll velocity and nudges its direction to match — then eases smoothly back to its base speed when scrolling stops. The result feels alive and physical, not a static loop.

CONTENT

- Two modes: Text items or Logos

- Add unlimited entries — each is a separate item joined by an editable separator (★, •, —, anything)

- Logos support image, alt text and an optional link per item

MOTION

- Base speed, direction (left/right), scroll boost strength, max boost cap and damping are all adjustable

- Seamless infinite loop that auto-repeats to fill any width

- Optional pause on hover

PREMIUM TOUCHES

- Logo Grayscale: logos sit muted and grayscale; hovering a single logo reveals only its real colour while every other logo (across all rows) dims — a refined "trusted by" interaction

- Multiple Rows: stack up to 6 marquee rows with adjustable row gap

- Alternate Rows: each row scrolls the opposite direction for a woven look, with perfectly smooth motion even while scrolling

- Hover Scale (optional, off by default): the hovered item grows, with adjustable scale amount

STYLE

- Text colour, separator colour, font (any Google Font), background

- Gap between items (can go negative to tighten or overlap logos)

- Edge fade mask for soft left/right edges

- Vertical padding

Fully responsive, built with clean code — no dependencies, no WebGL. Every property is editable directly in Framer.

Perfect for "trusted by" logo strips, partner walls, announcement tickers and bold typographic headers.

59:T863,

Pricing Pulse replaces cluttered multi-column pricing tables with one elegant, interactive card. Customers drag a slider to move between tiers, and everything responds in real time: plan name, "up to" revenue cap, price, the feature checklist, the stats row and even the button's destination link.

It's built to be 100% editable from Framer's property controls — there's nothing hardcoded. Add as many plans as you like; each plan can carry its own features, stats, icons and checkout link, or fall back to a shared global set when you want them identical across tiers.

It's genuinely responsive on both axes. Across mobile, tablet and desktop the layout adapts (the revenue and price stack vertically on narrow widths). As the card's height shrinks, content scales down smoothly to a floor, then progressively collapses low-priority sections, and finally scrolls inside the card — so it stays clean and usable at any size. Long headlines like "Up to 100,000 users" auto-fit their font so they never wrap awkwardly. The stats row stays pinned directly above the button no matter how many features a plan lists.

Pick icons from a built-in dropdown of ~75 clean line icons, or paste your own custom SVG with its own size. Choose any font, including Google Fonts, from Framer's font picker.

Highlights

Slider-driven tiers — plan, price, revenue, features, stats and CTA link all change live
Unlimited plans, each fully customizable (or shared via global fallbacks)
Optional "Up to $X" revenue block — toggle off for a pure pricing card
Per-plan button links for tier-specific checkout / signup
~75 built-in line icons via dropdown + custom SVG support, with adjustable icon size and color
Any font, including Google Fonts, via Framer's font picker
Responsive on width and height: scale -> collapse -> scroll, never breaks
Auto-fit headlines, pinned stats + button, adjustable breakpoints
Every text, value, color, font, radius and threshold editable in Framer

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-451007c1-fa95-41e6-8edc-0d786820d5ed-all:/unified/creator/451007c1-fa95-41e6-8edc-0d786820d5ed/activity/":[{"data":[{"id":"01a117a3-9336-753b-af00-e0bfe52e0117","type":"comment.liked","target":{"type":"comment","id":"01a117a3-33b4-71a3-b628-70fc4508cb59","preview":"Built Shopify Link-ready: the bridge is already wired in, so once Shopify Link is live, your Shopify products sync straight into Baffle's shop, product pages, bag and search. Until then it runs fully on its own CMS with Shopify, Stripe or custom checkout.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Built Shopify Link-ready: the bridge is already wired in, so once Shopify Link is live, your Shopify products sync straight into Baffle's shop, product pages, bag and search. Until then it runs fully on its own CMS with Shopify, Stripe or custom checkout."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a116cf-0360-7518-abb6-a157b816a9b2","like":{"count":2,"liked":false},"reply":{"parentCommentId":"01a117a3-33b4-71a3-b628-70fc4508cb59"},"repost":null}},"context":{"type":"post","id":"01a116cf-0360-7518-abb6-a157b816a9b2","preview":"Baffle","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/01a116cb-65c2-75ad-a7ab-9561edf997d2.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a116cf-0360-7518-abb6-a157b816a9b2","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","slug":"gazi-efe","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-07T18:32:38.449Z","latestAt":"2026-10-07T18:32:38.449Z"},{"id":"01a1179e-d4ba-743b-ab08-fe0f79215910","type":"comment.liked","target":{"type":"comment","id":"01a11718-a085-72dc-9bf5-69edb5f1002f","preview":"This feels more like a real brand than a template. Really nice work!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This feels more like a real brand than a template. Really nice work!","marks":[{"type":"bold"}]}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a116cf-0360-7518-abb6-a157b816a9b2","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a11718-a085-72dc-9bf5-69edb5f1002f"},"repost":null}},"context":{"type":"post","id":"01a116cf-0360-7518-abb6-a157b816a9b2","preview":"Baffle","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/01a116cb-65c2-75ad-a7ab-9561edf997d2.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a116cf-0360-7518-abb6-a157b816a9b2","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","slug":"gazi-efe","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-07T18:27:27.541Z","latestAt":"2026-10-07T18:27:27.541Z"},{"id":"01a116cf-05ad-74cb-938d-3d84fa70df79","type":"template.created","target":{"type":"template","id":"75130","preview":"Baffle","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/01a116cb-65c2-75ad-a7ab-9561edf997d2.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","slug":"gazi-efe","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-07T14:40:28.589Z","latestAt":"2026-10-07T14:40:28.589Z"},{"id":"01a0ed27-baec-73eb-a220-c82d06010a20","type":"comment.liked","target":{"type":"comment","id":"01a0ecdc-d56f-7541-802a-71760bb18260","preview":"Really enjoying this—great work! 🔥","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Really enjoying this—great work! "},{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0ecb2-c697-71d9-9868-4669479f5319","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0ecdc-d56f-7541-802a-71760bb18260"},"repost":null}},"context":{"type":"post","id":"01a0ecb2-c697-71d9-9868-4669479f5319","preview":"Weft","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/01a0ec86-1dfc-74f9-b41a-7b761fb57383.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0ecb2-c697-71d9-9868-4669479f5319","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","slug":"gazi-efe","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-29T12:33:19.079Z","latestAt":"2026-09-29T12:33:19.079Z"},{"id":"01a0ecb2-c8ca-70db-a307-8bcc102d1532","type":"template.created","target":{"type":"template","id":"74231","preview":"Weft","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/01a0ec86-1dfc-74f9-b41a-7b761fb57383.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","slug":"gazi-efe","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-29T10:25:34.922Z","latestAt":"2026-09-29T10:25:34.922Z"},{"id":"01a0cec8-6e78-722d-99b7-f97e4687b9ac","type":"template.created","target":{"type":"template","id":"73705","preview":"Thaler","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/01a0cea7-7f8c-703a-b83b-e6e016c58798.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","slug":"gazi-efe","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-23T15:00:37.112Z","latestAt":"2026-09-23T15:00:37.112Z"},{"id":"01a01a18-4120-778e-9ad8-4d65a086d75b","type":"creator.followed","target":{"type":"creator","id":"e490d65e-5c5e-40dc-b10f-14229ab794f1","preview":"Shopify Link","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e490d65e-5c5e-40dc-b10f-14229ab794f1/4vstfh7n","slug":"shopify-link","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","slug":"gazi-efe","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-23T12:26:10.686Z","latestAt":"2026-09-23T12:26:10.686Z"},{"id":"01a0c593-d3fc-71ef-98b3-d100ef407262","type":"post.liked","target":{"type":"post","id":"01a0c57f-44d3-73f8-b2b3-47e7e5453b00","preview":"🔥 Foldora is now live at @Framer ! \na well crafted template for fashion stores, Integrated Framer ↔ Shopify 🛍️\ninteractive hero section, a multi-product showcase, and market-changing features designed to help you sell worldwide, built for heavyweight online stores.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"fire","emoji":"🔥"}},{"type":"text","text":" "},{"type":"text","text":"Foldora","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/GQHzIkK","target":"_blank"}}]},{"type":"text","text":" is now live at "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" ! "}]},{"type":"paragraph","content":[{"type":"text","text":"a well crafted template for fashion stores, Integrated Framer ↔ Shopify 🛍️"}]},{"type":"paragraph","content":[{"type":"text","text":"interactive hero section, a multi-product showcase, and market-changing features designed to help you sell worldwide, built for heavyweight online stores."}]}]},"thumbnail":"https://image.mux.com/3nRWcik5Ujo5xdY01tdQXv9iKSUazDX00m4iC00CCJ3KrQ/thumbnail.webp?time=2.7","targetDeleted":false,"owned":false,"actions":{"postId":"01a0c57f-44d3-73f8-b2b3-47e7e5453b00","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","slug":"gazi-efe","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-21T20:06:34.742Z","latestAt":"2026-09-21T20:06:34.742Z"},{"id":"01a0c593-aec8-710a-bba4-c1f501ad54d0","type":"post.liked","target":{"type":"post","id":"01a0c589-a70b-77cf-9203-163bf1983c69","preview":"I've decided to make my \n@framer\n My 2nd template \"ComingSoonly\" FREE! 🎁 ComingSoonly is a modern Framer template built for pre-launches, waitlists, digital products, and product launches. Create hype. Capture early signups. Launch with confidence. Free for a limited time 👀 Link below ⬇️ come check it out → https://framer.link/Nzj4TMa","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I've decided to make my "}]},{"type":"paragraph","content":[{"type":"text","text":"@framer","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/framer","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":" My 2nd template \"ComingSoonly\" FREE! "},{"type":"emoji","attrs":{"name":"gift","emoji":"🎁"}},{"type":"text","text":" ComingSoonly is a modern Framer template built for pre-launches, waitlists, digital products, and product launches. Create hype. Capture early signups. Launch with confidence. Free for a limited time "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}},{"type":"text","text":" Link below ⬇️ come check it out → "},{"type":"text","text":"https://framer.link/Nzj4TMa","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/Nzj4TMa","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/v4HPEq6UxTEpaHVLLegS400ReWh00TSTFUdPcLfLQv6L4/thumbnail.webp?time=2.518","targetDeleted":false,"owned":false,"actions":{"postId":"01a0c589-a70b-77cf-9203-163bf1983c69","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","slug":"gazi-efe","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-21T20:06:25.219Z","latestAt":"2026-09-21T20:06:25.219Z"},{"id":"01a0c593-83e3-7028-9ef1-7940bb4df28b","type":"post.liked","target":{"type":"post","id":"01a0c58d-76e9-7242-8fd1-978242bfbcf6","preview":"Hey Framer family! 👋\nHere’s a full scroll-through recording of the completed homepage for Reverie, a luxury event planner template.\nWhat’s inside the recording: • Hero & Motion: Custom scroll-linked entrance animations and luxury typography.\n• Dynamic CMS: Connected testimonial sliders and showcase modules.\n• Interactive FAQ: Accordion component keeping layout clutter-free.\n• Automated Lead Handling: Integrated n8n webhook setup on the contact form.\nWould love your feedback on the scroll dynamics and overall pacing! 💬","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey Framer family! "},{"type":"emoji","attrs":{"name":"wave","emoji":"👋"}}]},{"type":"paragraph","content":[{"type":"text","text":"Here’s a full scroll-through recording of the completed homepage for "},{"type":"text","text":"Reverie","marks":[{"type":"bold"}]},{"type":"text","text":", a luxury event planner template."}]},{"type":"paragraph","content":[{"type":"text","text":"What’s inside the recording:","marks":[{"type":"bold"}]},{"type":"text","text":" • "},{"type":"text","text":"Hero & Motion:","marks":[{"type":"bold"}]},{"type":"text","text":" Custom scroll-linked entrance animations and luxury typography."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Dynamic CMS:","marks":[{"type":"bold"}]},{"type":"text","text":" Connected testimonial sliders and showcase modules."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Interactive FAQ:","marks":[{"type":"bold"}]},{"type":"text","text":" Accordion component keeping layout clutter-free."}]},{"type":"paragraph","content":[{"type":"text","text":"• "},{"type":"text","text":"Automated Lead Handling:","marks":[{"type":"bold"}]},{"type":"text","text":" Integrated n8n webhook setup on the contact form."}]},{"type":"paragraph","content":[{"type":"text","text":"Would love your feedback on the scroll dynamics and overall pacing! "},{"type":"emoji","attrs":{"name":"speech_balloon","emoji":"💬"}}]}]},"thumbnail":"https://image.mux.com/BG5Ac00sNB3QEmCMatPyj5pM2sYcBoyTN9v02v8HDDlYU/thumbnail.webp?time=22.367","targetDeleted":false,"owned":false,"actions":{"postId":"01a0c58d-76e9-7242-8fd1-978242bfbcf6","like":{"count":1,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","slug":"gazi-efe","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-21T20:06:14.238Z","latestAt":"2026-09-21T20:06:14.238Z"},{"id":"01a0b03c-30d8-718d-90f8-86df0e8e77b1","type":"template.created","target":{"type":"template","id":"73309","preview":"Kestral","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/01a0b038-499c-758a-b601-69310e113386.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","slug":"gazi-efe","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-17T16:38:49.816Z","latestAt":"2026-09-17T16:38:49.816Z"},{"id":"01a0191d-ea0e-7078-90f2-796abcf4afb5","type":"comment.liked","target":{"type":"comment","id":"019fd8ec-860a-700c-bb72-68e4a7be9fd9","preview":"When copying into workspace, i only seem to be able to see the mobile version despite attempting to alter formatting. Any suggestions? Thanks","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"When copying into workspace, i only seem to be able to see the mobile version despite attempting to alter formatting. Any suggestions? Thanks "}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019e98b2-0aa4-7400-b6e3-e8196993fc09","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019fd8ec-860a-700c-bb72-68e4a7be9fd9"},"repost":null}},"context":{"type":"post","id":"019e98b2-0aa4-7400-b6e3-e8196993fc09","preview":"Plan Compare","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/bxN3CteILwFiqfepq6y3/plan-compare-YtHGLe0HWNo0yRvcF3hmIwbzwL9ACj","targetDeleted":false,"owned":true,"actions":{"postId":"019e98b2-0aa4-7400-b6e3-e8196993fc09","like":{"count":24,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","slug":"gazi-efe","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-19T08:23:05.991Z","latestAt":"2026-08-19T08:23:05.991Z"},{"id":"01a0191d-d6fe-7236-ae71-eb74e4e945bf","type":"comment.reply","target":{"type":"post","id":"019e98b2-0aa4-7400-b6e3-e8196993fc09","preview":"Plan Compare","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/bxN3CteILwFiqfepq6y3/plan-compare-YtHGLe0HWNo0yRvcF3hmIwbzwL9ACj","targetDeleted":false,"owned":true,"actions":{"postId":"019e98b2-0aa4-7400-b6e3-e8196993fc09","like":{"count":24,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0191d-d6c8-758a-9b01-51da45e19897","preview":"I understand your issue as a \"sizing\" problem. In this case, if you set the width to \"fill\" in the \"Size\" section of the side bar while the component is selected, the issue will be resolved.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I understand your issue as a \"sizing\" problem. In this case, if you set the width to \"fill\" in the \"Size\" section of the side bar while the component is selected, the issue will be resolved."}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019e98b2-0aa4-7400-b6e3-e8196993fc09","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019fd8ec-860a-700c-bb72-68e4a7be9fd9"},"repost":null}},"actors":[{"id":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","slug":"gazi-efe","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-19T08:23:01.118Z","latestAt":"2026-08-19T08:23:01.118Z"},{"id":"019f3746-7b1f-7050-b798-c8fcd46533c3","type":"component.created","target":{"type":"component","id":"A4Cg1fc7taS3HSWCkrRW","preview":"Magnet Button","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/vm3fjbv2","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","slug":"gazi-efe","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-06T11:53:13.759Z","latestAt":"2026-07-06T11:53:13.759Z"},{"id":"019f3742-4ffd-749a-8f00-67d06d75c4d9","type":"component.created","target":{"type":"component","id":"BwohcfPszRrrOxZlyLrl","preview":"Spectrum Button","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/g8fqdhsj","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","slug":"gazi-efe","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-06T11:48:40.573Z","latestAt":"2026-07-06T11:48:40.573Z"},{"id":"019f3737-f778-7148-a38c-1065a5180fe6","type":"comment.liked","target":{"type":"comment","id":"019f18e8-a9c5-74e4-b4e3-5fe8eef04682","preview":"Doesn't copy","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Doesn't copy"}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019e98b2-0aa4-7400-b6e3-e8196993fc09","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f18e8-a9c5-74e4-b4e3-5fe8eef04682"},"repost":null}},"context":{"type":"post","id":"019e98b2-0aa4-7400-b6e3-e8196993fc09","preview":"Plan Compare","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/bxN3CteILwFiqfepq6y3/plan-compare-YtHGLe0HWNo0yRvcF3hmIwbzwL9ACj","targetDeleted":false,"owned":true,"actions":{"postId":"019e98b2-0aa4-7400-b6e3-e8196993fc09","like":{"count":24,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","slug":"gazi-efe","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-06T11:37:22.546Z","latestAt":"2026-07-06T11:37:22.546Z"},{"id":"019f3737-eb82-749c-90e5-f5cf0bbafcb9","type":"comment.reply","target":{"type":"post","id":"019e98b2-0aa4-7400-b6e3-e8196993fc09","preview":"Plan Compare","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/bxN3CteILwFiqfepq6y3/plan-compare-YtHGLe0HWNo0yRvcF3hmIwbzwL9ACj","targetDeleted":false,"owned":true,"actions":{"postId":"019e98b2-0aa4-7400-b6e3-e8196993fc09","like":{"count":24,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f3737-eb6a-72c9-8656-54b39335fab0","preview":"When you click the \"copy\" button in the section displaying the component's name, it is copied; if you then \"paste\" it into a Framer project, the component will be successfully added.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"When you click the \"copy\" button in the section displaying the component's name, it is copied; if you then \"paste\" it into a Framer project, the component will be successfully added."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019e98b2-0aa4-7400-b6e3-e8196993fc09","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f18e8-a9c5-74e4-b4e3-5fe8eef04682"},"repost":null}},"actors":[{"id":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","slug":"gazi-efe","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-06T11:37:19.490Z","latestAt":"2026-07-06T11:37:19.490Z"},{"id":"019ed46a-f001-764a-87fb-4bafabc52f75","type":"component.created","target":{"type":"component","id":"YhODTJe2NnE1WlSYxGSA","preview":"3D Coverflow","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/xkhpvbbt","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","slug":"gazi-efe","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-17T07:10:38.593Z","latestAt":"2026-06-17T07:10:38.593Z"},{"id":"019ed465-11a7-72e9-94d1-9a90a7531f07","type":"component.created","target":{"type":"component","id":"cfqVT5W2zh3PK1lma8Fs","preview":"Velocity Marquee","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/ggklg2ra","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","slug":"gazi-efe","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-17T07:04:13.991Z","latestAt":"2026-06-17T07:04:13.991Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:451007c1-fa95-41e6-8edc-0d786820d5ed:/unified/posts/?creator=451007c1-fa95-41e6-8edc-0d786820d5ed&with=reposts":[{"data":[{"id":"01a116cf-0360-7518-abb6-a157b816a9b2","title":null,"body":"

Most store templates sell products. Baffle sells the feeling of owning them.

Scroll opens the hero like a speaker driver. Product parts separate in 3D. Category rows open under a cursor lens. Headlines stretch as you move.

Under the motion, a real shop: → Bag with variants, sold-out sizes and quantities → Checkout through Shopify, Stripe or your own endpoint → Shopify Markets currencies → Products, journal and legal pages in the CMS → Every page designed, plus a 27-section library

Made for brands with a hero product and a story to tell: audio, tech, furniture, design objects.

Live preview → https://baffle.framer.website

Follow for the next drop.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Most store templates sell products. Baffle sells the feeling of owning them."}]},{"type":"paragraph","content":[{"type":"text","text":"Scroll opens the hero like a speaker driver. Product parts separate in 3D. Category rows open under a cursor lens. Headlines stretch as you move."}]},{"type":"paragraph","content":[{"type":"text","text":"Under the motion, a real shop: → Bag with variants, sold-out sizes and quantities → Checkout through Shopify, Stripe or your own endpoint → Shopify Markets currencies → Products, journal and legal pages in the CMS → Every page designed, plus a 27-section library"}]},{"type":"paragraph","content":[{"type":"text","text":"Made for brands with a hero product and a story to tell: audio, tech, furniture, design objects."}]},{"type":"paragraph","content":[{"type":"text","text":"Live preview → "},{"type":"text","text":"https://baffle.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://baffle.framer.website","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow for the next drop."}]}]},"author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"75130","resolved":true,"title":"Baffle","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"1,486 of 2,000 characters (counted with line breaks, bold markers excluded). Copy from here so bold stays bold."}]},{"type":"paragraph","content":[{"type":"text","text":"Baffle is a motion-rich, multi-page ecommerce template for brands that want their store to feel as good as their product."}]},{"type":"paragraph","content":[{"type":"text","text":"A store that moves.","marks":[{"type":"bold"}]},{"type":"text","text":" A pinned hero opens as you scroll, product parts separate in a 3D exploded view, category rows open with a cursor lens and headlines stretch from condensed to wide. Motion is calm for visitors who prefer reduced motion."}]},{"type":"paragraph","content":[{"type":"text","text":"A real shop.","marks":[{"type":"bold"}]},{"type":"text","text":" A working bag with options, variants, sold-out combinations and quantities, a slide-in drawer, a full bag page, a sticky add-to-bag bar, discount codes and ⌘K search across products, categories and pages."}]},{"type":"paragraph","content":[{"type":"text","text":"Three ways to check out.","marks":[{"type":"bold"}]},{"type":"text","text":" Shopify (public Storefront token, with Shopify Markets currencies and prices), Stripe Payment Links, or your own checkout endpoint. No currency is hard-coded: it comes from Shopify or your setting."}]},{"type":"paragraph","content":[{"type":"text","text":"CMS-driven.","marks":[{"type":"bold"}]},{"type":"text","text":" Products, journal, legal pages and a shop-the-look gallery live in the CMS. Replace the demo items with yours and the shop, filters, categories, footer and search follow."}]},{"type":"paragraph","content":[{"type":"text","text":"Every page designed.","marks":[{"type":"bold"}]},{"type":"text","text":" Home, shop, product, bag, about, contact, help center, journal and article, legal hub and pages, an EU withdrawal form and 404 — plus a section library with all 27 sections ready to copy."}]},{"type":"paragraph","content":[{"type":"text","text":"Setup.","marks":[{"type":"bold"}]},{"type":"text","text":" Open the START HERE page: add your products, choose a checkout and paste your form endpoints. Automatic Shopify sync (Shopify Link) is prepared and will be recommended once its Shopify app is approved."}]},{"type":"paragraph","content":[{"type":"text","text":"Demo photos from Unsplash. Legal texts are examples, not legal advice."}]}]},"introduction":"Scroll-driven store for any brand","slug":"baffle","author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/01a116cb-65c2-75ad-a7ab-9561edf997d2.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/01a116cb-8db1-71c5-ac08-4e1ec12744b2.png","metadata":{"tint":{"h":30,"s":36,"l":17},"width":3000,"height":2000}},{"type":"video","url":"https://stream.mux.com/uvgWkAKAK02TkhXdmuUv1X01UyJ101IMHbbTZ01LwDWGvI00.m3u8","metadata":{"posterUrl":"https://image.mux.com/uvgWkAKAK02TkhXdmuUv1X01UyJ101IMHbbTZ01LwDWGvI00/thumbnail.webp?time=36.783","aspectRatio":"1439:1080","duration":73.554667}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/01a116cb-b519-708f-9267-289e8509c199.png","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-07T14:40:27.381Z","updatedAt":"2026-10-07T14:40:27.381Z","publishedAt":"2026-10-07T14:40:27.378Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"89","paymentUrl":"https://buy.stripe.com/fZudR893Dgxb8ft2gY9k408","remixUrl":null,"previewUrl":"https://baffle.framer.website/","categories":[],"styles":[{"id":234,"name":"Large Type","slug":"large-type"},{"id":109,"name":"Modern","slug":"modern"},{"id":110,"name":"Animated","slug":"animated"}],"mainCategory":{"id":11,"name":"Ecommerce","slug":"ecommerce"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-07T14:40:28.000Z","updatedAt":"2026-10-07T14:40:28.000Z"},{"id":"01a101cb-b7f7-750d-a78e-8eb9f7c87b21","title":null,"body":"

What's the one thing that makes you close a template preview in the first 10 seconds?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"What's the one thing that makes you close a template preview in the first 10 seconds?"}]}]},"author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-03T12:44:50.555Z","updatedAt":"2026-10-03T12:44:50.555Z"},{"id":"01a0ecb2-c697-71d9-9868-4669479f5319","title":null,"body":"

A Framer store that actually sells.

Weft comes with a working bag, Shopify or Stripe checkout, multi-currency and one search across products, journal and FAQ. Seventeen editorial sections drop onto any page, all driven by the CMS.

Ready to launch on day one, not to rebuild in week two.

Follow for the next drop.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A Framer store that actually sells."}]},{"type":"paragraph","content":[{"type":"text","text":"Weft comes with a working bag, Shopify or Stripe checkout, multi-currency and one search across products, journal and FAQ. Seventeen editorial sections drop onto any page, all driven by the CMS."}]},{"type":"paragraph","content":[{"type":"text","text":"Ready to launch on day one, not to rebuild in week two. "}]},{"type":"paragraph","content":[{"type":"text","text":"Follow for the next drop."}]}]},"author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"74231","resolved":true,"title":"Weft","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Weft is an editorial fashion store for Framer — a working shop, not just the look of one. Search, filter, pick a size, fill a real bag and check out, all managed from the CMS."}]},{"type":"paragraph","content":[{"type":"text","text":"14 pages.","marks":[{"type":"bold"}]},{"type":"text","text":" Home, shop, product, bag, about, journal and article, help, contact, legal hub with 7 policies, withdrawal form, 404 and a section library."}]},{"type":"paragraph","content":[{"type":"text","text":"A real bag.","marks":[{"type":"bold"}]},{"type":"text","text":" Sizes, colours, quantities and sold-out sizes, saved between visits. A sticky add-to-bag bar follows the shopper down the product page."}]},{"type":"paragraph","content":[{"type":"text","text":"Checkout your way.","marks":[{"type":"bold"}]},{"type":"text","text":" Shopify (whole bag, Shopify Markets), a payment link per product or variant (Stripe and others), or your own endpoint."}]},{"type":"paragraph","content":[{"type":"text","text":"Multi-currency.","marks":[{"type":"bold"}]},{"type":"text","text":" Store and per-product currencies, plus a switcher using Shopify Markets or daily reference rates."}]},{"type":"paragraph","content":[{"type":"text","text":"Site-wide search.","marks":[{"type":"bold"}]},{"type":"text","text":" One search for products, journal posts, FAQ answers and pages, grouped in tabs."}]},{"type":"paragraph","content":[{"type":"text","text":"Shop tools.","marks":[{"type":"bold"}]},{"type":"text","text":" Category and women / men filters, sorting, quick add from the grid, swipeable product photos on phones."}]},{"type":"paragraph","content":[{"type":"text","text":"Curated sets and reviews.","marks":[{"type":"bold"}]},{"type":"text","text":" Products grouped into looks and added to the bag in one go. Star-rated reviews from the CMS, shown per product."}]},{"type":"paragraph","content":[{"type":"text","text":"17 ready-made sections.","marks":[{"type":"bold"}]},{"type":"text","text":" Including a shoppable lookbook, a promo banner with countdown, a newsletter sign-up and a trust strip — copy any from /sections."}]},{"type":"paragraph","content":[{"type":"text","text":"Motion with care.","marks":[{"type":"bold"}]},{"type":"text","text":" Scroll-driven hero, 3D product helix, pinned sets rail, word-by-word statement text. Every animation respects reduced motion."}]},{"type":"paragraph","content":[{"type":"text","text":"EU-ready legal pages.","marks":[{"type":"bold"}]},{"type":"text","text":" Terms, privacy, cookies, shipping, returns, legal notice and accessibility, plus the two-step online withdrawal form."}]},{"type":"paragraph","content":[{"type":"text","text":"Setup.","marks":[{"type":"bold"}]},{"type":"text","text":" Add products in the CMS and they appear everywhere. Connect Shopify or add payment links to take payments. Forms need an endpoint such as Formspree. A setup guide is inside the project."}]},{"type":"paragraph","content":[{"type":"text","text":"Demo photos are from Unsplash, used under the Unsplash License, for preview only — replace them with your own. The legal texts are a starting point, not legal advice."}]}]},"introduction":"Editorial fashion store for Framer","slug":"weft","author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/01a0ec86-1dfc-74f9-b41a-7b761fb57383.png","metadata":{"tint":{"h":216,"s":63,"l":13},"width":3200,"height":2400}},{"type":"video","url":"https://stream.mux.com/01DoxmdL01apdlLkinYiDaNTveSk1Qy01YnXwjOqDFkOMk.m3u8","metadata":{"posterUrl":"https://image.mux.com/01DoxmdL01apdlLkinYiDaNTveSk1Qy01YnXwjOqDFkOMk/thumbnail.webp?time=16.033","aspectRatio":"4:3","duration":132.316667}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/01a0ec8d-7834-7730-a7c9-5b5a911f8570.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2133}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/01a0ecae-99f4-71f1-9843-0b91c1cdff0e.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/01a10215-36f1-7729-9d7b-f926eccf95a7.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":2878,"height":1618}}],"post":null,"createdAt":"2026-09-29T10:25:33.729Z","updatedAt":"2026-10-03T14:05:28.902Z","publishedAt":"2026-09-29T10:25:33.725Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"30","paymentUrl":"https://buy.stripe.com/eVq8wOgw50ydfHV6xe9k407","remixUrl":null,"previewUrl":"https://weft.framer.website/","categories":[],"styles":[{"id":234,"name":"Large Type","slug":"large-type"},{"id":236,"name":"Light","slug":"light"},{"id":111,"name":"Minimal","slug":"minimal"}],"mainCategory":{"id":11,"name":"Ecommerce","slug":"ecommerce"},"features":[{"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":24,"name":"Site Search","slug":"site-search"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":36,"name":"3D Transforms","slug":"3d-transforms"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-29T10:25:34.359Z","updatedAt":"2026-09-29T10:25:34.359Z"},{"id":"01a0cec8-6bcd-74c9-a003-728d93b925e3","title":null,"body":"

Just published Thaler — a neobank & fintech template with 21 pages and real Supabase-powered auth (login, signup, and a profile page). Connect your own backend to go live with real accounts, or run it as a pure marketing site.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just published Thaler — a neobank & fintech template with 21 pages and real Supabase-powered auth (login, signup, and a profile page). Connect your own backend to go live with real accounts, or run it as a pure marketing site."}]}]},"author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"73705","resolved":true,"title":"Thaler","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thaler — a complete neobank & fintech template","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Thaler is a premium, multi-page template for fintech, neobanks, and modern financial services. 21 fully designed, responsive pages — plus real working authentication — to launch a finance brand."}]},{"type":"paragraph","content":[{"type":"text","text":"21 designed pages","marks":[{"type":"bold"}]},{"type":"text","text":" Home, Personal, Business, Cards, Pricing, Security, About, Careers, Journal, Help centre, Contact, System status, Developer API, Log in, Sign up, Profile, Privacy, Terms, Cookies, 404, and a Style guide."}]},{"type":"paragraph","content":[{"type":"text","text":"Real authentication with Supabase — bring your own backend","marks":[{"type":"bold"}]},{"type":"text","text":" Thaler ships with working Log in, Sign up, and Profile pages powered by Supabase Auth. Connect your own free Supabase project and visitors can create accounts, sign in, and stay signed in. The header detects the session and switches to a signed-in state — avatar, Account link, Log out — plus a Profile page. Leave the fields empty and it runs in clean demo mode, previewing perfectly."}]},{"type":"paragraph","content":[{"type":"text","text":"Connect Supabase in ~5 minutes, no code","marks":[{"type":"bold"}]}]},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Create a free project at "},{"type":"text","text":"supabase.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://supabase.com","target":"_blank"}}]},{"type":"text","text":"."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Open Project Settings > API and copy the Project URL and anon key."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Under Authentication > Providers, enable Email."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"In Framer, paste both values into the Supabase fields of the Log in, Sign up, Profile, and Navigation components."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Publish — your auth pages are live. A step-by-step Getting Started page is included in the template."}]}]}],"attrs":{"type":null,"start":1}},{"type":"paragraph","content":[{"type":"text","text":"Reusable code components","marks":[{"type":"bold"}]},{"type":"text","text":" The navigation, pricing table, and account blocks are reusable code components. Edit the nav once and it updates across all 21 pages, all configurable through property controls — no code required."}]},{"type":"paragraph","content":[{"type":"text","text":"Pricing with a monthly / annual toggle","marks":[{"type":"bold"}]},{"type":"text","text":" Every plan button supports separate links for monthly and annual billing."}]},{"type":"paragraph","content":[{"type":"text","text":"CMS-powered Journal","marks":[{"type":"bold"}]},{"type":"text","text":" The blog is wired to Framer's CMS with a ready post template and CMS-bound SEO."}]},{"type":"paragraph","content":[{"type":"text","text":"Built to ship","marks":[{"type":"bold"}]},{"type":"text","text":" Fully responsive, accessible navigation, refined typography (Fraunces + Geist), and per-page SEO."}]},{"type":"paragraph","content":[{"type":"text","text":"Connect Supabase to go live with real accounts, or use Thaler as a pure marketing site."}]}]},"introduction":"Modern neobank & fintech template","slug":"thaler","author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/01a0cea7-7f8c-703a-b83b-e6e016c58798.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/01a0cebe-3084-7445-a295-0a1345c4faa8.png","metadata":{"tint":{"h":30,"s":45,"l":36},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/01a0cea7-80b6-72d9-94dd-4489bbe8623b.png","metadata":{"tint":{"h":240,"s":13,"l":13},"width":3200,"height":2136}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/01a0cec4-b6ed-715e-bdef-43f5459d01a6.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1368,"height":1058}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/01a0cea7-db94-700b-9006-3f2870029cf1.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-23T15:00:34.378Z","updatedAt":"2026-09-23T15:00:34.378Z","publishedAt":"2026-09-23T15:00:34.374Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"20","paymentUrl":"https://buy.stripe.com/aFaaEW3Jj4Ot3Zd3l29k406","remixUrl":null,"previewUrl":"https://thaler.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":22,"name":"Startup","slug":"startup"},{"id":2,"name":"SaaS","slug":"saas"},{"id":272,"name":"Fintech","slug":"fintech"}],"styles":[],"mainCategory":{"id":2,"name":"SaaS","slug":"saas"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-23T15:00:36.429Z","updatedAt":"2026-09-23T15:00:36.429Z"},{"id":"01a0b03c-2ea3-7266-903f-06b0767d193a","title":null,"body":"

Kestral is live — a motion-first template for AI and dev-tool startups. 3D hero object, word-by-word reveals, spotlight bento cards, a tilting product window and a pricing grid you edit from the properties panel. 8 pages, 16 code components, dark-first. Built for teams that want their landing page to feel like the product.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Kestral is live — a motion-first template for AI and dev-tool startups. 3D hero object, word-by-word reveals, spotlight bento cards, a tilting product window and a pricing grid you edit from the properties panel. 8 pages, 16 code components, dark-first. Built for teams that want their landing page to feel like the product."}]}]},"author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"73309","resolved":true,"title":"Kestral","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Paste as-is; use Paragraph for prose and the Bold tool on the headings."}]},{"type":"paragraph","content":[{"type":"text","text":"Kestral is a dark-first, motion-heavy template for AI and developer-tool startups.","marks":[{"type":"bold"}]},{"type":"text","text":" A cursor-reactive 3D object in the hero, word-by-word headline reveals, spotlight bento cards with a travelling light beam, a tilting product window, animated counters and an aurora that drifts behind everything — built so a landing page feels like a product, not a brochure."}]},{"type":"paragraph","content":[{"type":"text","text":"Every animation is a code component with property controls, so the motion is yours to tune (or turn off) without touching code. Nothing is faked with video or GIFs — it all runs live, respects reduced-motion, and stays fast."}]},{"type":"paragraph","content":[{"type":"text","text":"Pages (8)","marks":[{"type":"bold"}]},{"type":"text","text":" Home · Features · Pricing · Changelog · Blog · About · Contact · 404"}]},{"type":"paragraph","content":[{"type":"text","text":"Included","marks":[{"type":"bold"}]},{"type":"text","text":" – 16 custom code components: Nav, Hero Object (3D wire sphere, no libraries), Aurora, Word reveal, Buttons with magnetic hover, Bento Card (spotlight + beam), Showcase Window (3D tilt), Counter, Marquee, Pricing grid, FAQ accordion, Page Hero, CTA band, Contact form, Footer – Pricing grid with add/remove tiers from the properties panel — responsive with no breakpoint work – Logo and testimonial marquees that pause on hover – Contact form ready for Formspree, Basin or any POST endpoint – Color and text styles for the whole system: swap the lime accent and the typefaces in one place – Fully responsive: Desktop, Tablet and Phone breakpoints – Bricolage Grotesque + Geist (Google Fonts), free to use"}]},{"type":"paragraph","content":[{"type":"text","text":"Good for","marks":[{"type":"bold"}]},{"type":"text","text":" AI agents and infrastructure, developer tools, APIs, SaaS launches, fintech and any product that wants to look like it was built by engineers."}]},{"type":"paragraph","content":[{"type":"text","text":"Customize in minutes","marks":[{"type":"bold"}]},{"type":"text","text":" Change the brand name, accent color, copy and pricing tiers from the properties panel. Every component ships with sensible defaults and a short description on each control."}]}]},"introduction":"Motion-first AI SaaS template","slug":"kestral","author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/01a0b038-499c-758a-b601-69310e113386.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/01a0b03b-adaf-77cf-8862-217c9fc24e16.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1903,"height":988}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/01a0b039-c4ba-779a-a203-aa682ecb7eb9.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-17T16:38:48.621Z","updatedAt":"2026-10-06T10:14:47.789Z","publishedAt":"2026-09-17T16:38:48.612Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://hy.chujiqiqi.com/remix/pdRQy6ZVE1UOFtWhcTFy","remixUrl":"https://hy.chujiqiqi.com/remix/pdRQy6ZVE1UOFtWhcTFy","previewUrl":"https://kestral.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":22,"name":"Startup","slug":"startup"},{"id":2,"name":"SaaS","slug":"saas"},{"id":271,"name":"Apps","slug":"apps"},{"id":272,"name":"Fintech","slug":"fintech"},{"id":112,"name":"Technology","slug":"technology"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":109,"name":"Modern","slug":"modern"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":270,"name":"Software","slug":"software"},"features":[{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":30,"name":"Forms","slug":"forms"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":36,"name":"3D Transforms","slug":"3d-transforms"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-17T16:38:49.251Z","updatedAt":"2026-09-17T16:38:49.251Z"},{"id":"019f3746-7ad0-75e9-87d7-120aaef44b15","title":null,"body":"

Just published Magnetic Button — a button that's pulled toward your cursor like a magnet, with a subtle parallax on the label and a smooth spring back. Fully editable, no dependencies. Free to use — hope it adds a nice touch to your projects!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just published Magnetic Button — a button that's pulled toward your cursor like a magnet, with a subtle parallax on the label and a smooth spring back. Fully editable, no dependencies. Free to use — hope it adds a nice touch to your projects!"}]}]},"author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"A4Cg1fc7taS3HSWCkrRW","resolved":true,"title":"Magnet Button","body":"$56","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Magnetic Button için Description (daha önce hazırladığımız metin, temiz halde):"}]},{"type":"paragraph","content":[{"type":"text","text":"Magnetic Button adds a tactile, premium micro-interaction to any call-to-action."}]},{"type":"paragraph","content":[{"type":"text","text":"As the cursor approaches, the button is gently pulled toward it like a magnet. The label drifts a little less than the button itself, creating a subtle parallax depth, and an optional hover scale adds extra lift. The moment the cursor leaves, everything springs smoothly back to rest."}]},{"type":"paragraph","content":[{"type":"text","text":"SETUP"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Label, link and open-in-new-tab"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works with Framer's native sizing — set the layer to Fit to size by the label and padding, or Fixed for an exact size"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"STYLE"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Font (any Google Font, with weight and size)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text colour, background, corner radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Padding X / Y, border width and colour"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text alignment"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"MAGNETIC FEEL"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Strength: how strongly the button is pulled toward the cursor"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Field: the distance around the button where the pull begins"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Text Parallax: how much the label drifts relative to the button"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spring: looser and slower, or tight and snappy"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover Scale: optional lift on hover"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Fully responsive, built with clean code — no dependencies, no WebGL. Every property is editable directly in Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for hero CTAs, pricing buttons, contact links and anywhere you want a button that invites a click."}]},{"type":"paragraph","content":[{"type":"text","text":"Free to use — enjoy, and check out my other Framer components."}]}]},"introduction":"Button that follows your cursor","slug":"magnet-button","author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/vm3fjbv2","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-06T11:53:13.615Z","updatedAt":"2026-07-23T20:06:27.447Z","publishedAt":"2026-07-06T11:53:13.611Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Magnetic-Link-Qxz58N.js@QglTduRHgJUFtvMZYPzl","previewUrl":"https://magnetic-link.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"QglTduRHgJUFtvMZYPzl","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-06T11:53:13.680Z","updatedAt":"2026-07-06T11:53:13.680Z"},{"id":"019f3742-4fd0-733d-b4d6-6cdb519effc8","title":null,"body":"

Just published Gradient Button — a clean button with a smoothly spinning gradient border that speeds up on hover. Every part is editable: colors, speed, border, glow, font, link. Pure React + CSS, no dependencies. Would love your feedback!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just published Gradient Button — a clean button with a smoothly spinning gradient border that speeds up on hover. Every part is editable: colors, speed, border, glow, font, link. Pure React + CSS, no dependencies. Would love your feedback!"}]}]},"author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"BwohcfPszRrrOxZlyLrl","resolved":true,"title":"Spectrum Button","body":"

A button with a continuously spinning gradient border. The gradient rotates smoothly around the edge using requestAnimationFrame for buttery, reliable motion, and speeds up on hover for a subtle interactive touch.

Every part is editable: the gradient colors, rotation speed, border width, corner radius, glow, hover acceleration, label text, font, and padding — nothing is hardcoded. Set your own link and open it in the same or a new tab.

Fully responsive and lightweight. Pure React + CSS — no dependencies, no images. Optimized for Framer's static rendering so the canvas, export, and thumbnails stay clean.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A button with a continuously spinning gradient border. The gradient rotates smoothly around the edge using requestAnimationFrame for buttery, reliable motion, and speeds up on hover for a subtle interactive touch."}]},{"type":"paragraph","content":[{"type":"text","text":"Every part is editable: the gradient colors, rotation speed, border width, corner radius, glow, hover acceleration, label text, font, and padding — nothing is hardcoded. Set your own link and open it in the same or a new tab."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully responsive and lightweight. Pure React + CSS — no dependencies, no images. Optimized for Framer's static rendering so the canvas, export, and thumbnails stay clean."}]}]},"introduction":"Spinning gradient border button","slug":"spectrum-button","author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/g8fqdhsj","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-06T11:48:40.488Z","updatedAt":"2026-07-23T20:06:34.956Z","publishedAt":"2026-07-06T11:48:40.483Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/GradientBorder-IADzbF.js@FJ0XRoNDmWqWTXxWphRf","previewUrl":"https://gradient-button.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"FJ0XRoNDmWqWTXxWphRf","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-06T11:48:40.528Z","updatedAt":"2026-07-06T11:48:40.528Z"},{"id":"019ed46a-efd6-70f8-9803-d4edc5a5331e","title":null,"body":"

Just launched: 3D Coverflow 🎠

A true 3D cylindrical carousel for Framer — your slides ride a real spinning cylinder, each one tangent to the ring, so the left card turns left and the right card turns right like cards on a turning wheel.

✦ Press & drag to spin it freely either way

✦ Flick and release for natural momentum + snap

✦ Smart tap-vs-drag: a quick tap opens a slide's link, dragging never triggers it by accident

✦ Optional per-slide CTA buttons with their own text & link

✦ Full Circle mode, five arrow styles, custom dots

✦ Fully responsive, images preloaded so it never stutters

No dependencies, no WebGL — just clean, fast Framer code. Drop in your images and ship.

Grab it for $3 👇

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just launched: 3D Coverflow "},{"type":"emoji","attrs":{"name":"carousel_horse","emoji":"🎠"}}]},{"type":"paragraph","content":[{"type":"text","text":"A true 3D cylindrical carousel for Framer — your slides ride a real spinning cylinder, each one tangent to the ring, so the left card turns left and the right card turns right like cards on a turning wheel."}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Press & drag to spin it freely either way"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Flick and release for natural momentum + snap"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Smart tap-vs-drag: a quick tap opens a slide's link, dragging never triggers it by accident"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Optional per-slide CTA buttons with their own text & link"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Full Circle mode, five arrow styles, custom dots"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Fully responsive, images preloaded so it never stutters"}]},{"type":"paragraph","content":[{"type":"text","text":"No dependencies, no WebGL — just clean, fast Framer code. Drop in your images and ship."}]},{"type":"paragraph","content":[{"type":"text","text":"Grab it for $3 "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]}]},"author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"YhODTJe2NnE1WlSYxGSA","resolved":true,"title":"3D Coverflow","body":"$57","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"3D Coverflow is a true cylindrical carousel: your slides ride the surface of a turning cylinder, each one tangent to the ring and facing outward, so the left card turns left and the right card turns right — like cards on the outside of a spinning wheel, not flat images sliding past."}]},{"type":"paragraph","content":[{"type":"text","text":"NAVIGATION"}]},{"type":"paragraph","content":[{"type":"text","text":"- Press and drag to spin the ring freely either way, following your pointer"}]},{"type":"paragraph","content":[{"type":"text","text":"- Flick and release to keep spinning with momentum, easing to a stop and snapping to the nearest slide"}]},{"type":"paragraph","content":[{"type":"text","text":"- Arrows, dots and arrow keys all glide smoothly"}]},{"type":"paragraph","content":[{"type":"text","text":"- Smart tap vs drag: a quick tap on the front card opens its link; dragging never triggers it by accident"}]},{"type":"paragraph","content":[{"type":"text","text":"LINKS & BUTTONS"}]},{"type":"paragraph","content":[{"type":"text","text":"- Give each slide an image link (tap the front card to open it)"}]},{"type":"paragraph","content":[{"type":"text","text":"- Or add an optional call-to-action button per slide, with its own text and link"}]},{"type":"paragraph","content":[{"type":"text","text":"- The button opens its own link, or falls back to the slide link"}]},{"type":"paragraph","content":[{"type":"text","text":"3D & LAYOUT"}]},{"type":"paragraph","content":[{"type":"text","text":"- Full Circle mode spreads slides evenly around the ring so there's always depth behind the centre"}]},{"type":"paragraph","content":[{"type":"text","text":"- Ring radius, perspective, side scale, opacity and back opacity all adjustable"}]},{"type":"paragraph","content":[{"type":"text","text":"- Custom card width, height and corner radius"}]},{"type":"paragraph","content":[{"type":"text","text":"STYLE"}]},{"type":"paragraph","content":[{"type":"text","text":"- Five arrow icon styles (chevron, arrow, caret, angle, triangle) with custom shape, size and colours"}]},{"type":"paragraph","content":[{"type":"text","text":"- Custom dots, container radius, border and padding"}]},{"type":"paragraph","content":[{"type":"text","text":"- Background and optional shading"}]},{"type":"paragraph","content":[{"type":"text","text":"RESPONSIVE"}]},{"type":"paragraph","content":[{"type":"text","text":"- The whole scene scales down proportionally to fit phones and small sections, keeping the 3D proportions intact — set your design width and it just fits."}]},{"type":"paragraph","content":[{"type":"text","text":"Built with clean code — no dependencies, no WebGL, images preloaded so navigation never stutters. Every property is editable directly in Framer."}]}]},"introduction":"3D cylindrical image carousel","slug":"3d-coverflow","author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/xkhpvbbt","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-17T07:10:38.515Z","updatedAt":"2026-06-26T15:13:48.476Z","publishedAt":"2026-06-17T07:10:38.511Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://3dcoverflow.framer.website/","price":"3","paymentUrl":"https://buy.stripe.com/00wbJ0bbL2GlbrF2gY9k404","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"5L6F9fypYbZpQVdwMrO6","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T07:10:38.550Z","updatedAt":"2026-06-17T07:10:38.550Z"},{"id":"019ed465-116c-751b-a8c7-59fe0a3407c0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"cfqVT5W2zh3PK1lma8Fs","resolved":true,"title":"Velocity Marquee","body":"$58","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Velocity Marquee is an infinite horizontal marquee that responds to scrolling."}]},{"type":"paragraph","content":[{"type":"text","text":"On its own it drifts at a steady base speed. As the visitor scrolls, it speeds up in proportion to the scroll velocity and nudges its direction to match — then eases smoothly back to its base speed when scrolling stops. The result feels alive and physical, not a static loop."}]},{"type":"paragraph","content":[{"type":"text","text":"CONTENT"}]},{"type":"paragraph","content":[{"type":"text","text":"- Two modes: Text items or Logos"}]},{"type":"paragraph","content":[{"type":"text","text":"- Add unlimited entries — each is a separate item joined by an editable separator (★, •, —, anything)"}]},{"type":"paragraph","content":[{"type":"text","text":"- Logos support image, alt text and an optional link per item"}]},{"type":"paragraph","content":[{"type":"text","text":"MOTION"}]},{"type":"paragraph","content":[{"type":"text","text":"- Base speed, direction (left/right), scroll boost strength, max boost cap and damping are all adjustable"}]},{"type":"paragraph","content":[{"type":"text","text":"- Seamless infinite loop that auto-repeats to fill any width"}]},{"type":"paragraph","content":[{"type":"text","text":"- Optional pause on hover"}]},{"type":"paragraph","content":[{"type":"text","text":"PREMIUM TOUCHES"}]},{"type":"paragraph","content":[{"type":"text","text":"- Logo Grayscale: logos sit muted and grayscale; hovering a single logo reveals only its real colour while every other logo (across all rows) dims — a refined \"trusted by\" interaction"}]},{"type":"paragraph","content":[{"type":"text","text":"- Multiple Rows: stack up to 6 marquee rows with adjustable row gap"}]},{"type":"paragraph","content":[{"type":"text","text":"- Alternate Rows: each row scrolls the opposite direction for a woven look, with perfectly smooth motion even while scrolling"}]},{"type":"paragraph","content":[{"type":"text","text":"- Hover Scale (optional, off by default): the hovered item grows, with adjustable scale amount"}]},{"type":"paragraph","content":[{"type":"text","text":"STYLE"}]},{"type":"paragraph","content":[{"type":"text","text":"- Text colour, separator colour, font (any Google Font), background"}]},{"type":"paragraph","content":[{"type":"text","text":"- Gap between items (can go negative to tighten or overlap logos)"}]},{"type":"paragraph","content":[{"type":"text","text":"- Edge fade mask for soft left/right edges"}]},{"type":"paragraph","content":[{"type":"text","text":"- Vertical padding"}]},{"type":"paragraph","content":[{"type":"text","text":"Fully responsive, built with clean code — no dependencies, no WebGL. Every property is editable directly in Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for \"trusted by\" logo strips, partner walls, announcement tickers and bold typographic headers."}]}]},"introduction":"Scroll-reactive logo, text marquee","slug":"velocity-marquee","author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/451007c1-fa95-41e6-8edc-0d786820d5ed/ggklg2ra","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-17T07:04:13.830Z","updatedAt":"2026-06-26T15:20:43.648Z","publishedAt":"2026-06-17T07:04:13.814Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://velocity-marquee.framer.website/","price":"3","paymentUrl":"https://buy.stripe.com/dRmfZg0x7gxb53hdZG9k403","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"leVkG79pwpCOLuzdB8ex","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T07:04:13.932Z","updatedAt":"2026-06-17T07:04:13.932Z"},{"id":"019eb25c-c69e-759d-833d-f3f5dd7ffc7d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"IhI0P0dLiwYqlnG2qo84","resolved":true,"title":"Scramble Lens","body":"

Scramble Lens turns any text into an interactive surface.

Your text reads normally. When the cursor hovers over it, a soft circular lens follows the pointer — the letters inside the lens stay perfectly readable, while everything outside scrambles into random characters. The noise churns organically as you move, then settles when you stop. Move the cursor away and the text returns to normal.

Fully editable in Framer: text, font, text color, scramble color, background, corner radius, padding, alignment, lens size, edge softness, churn amount, animation smoothing and the scramble character set.

Built with pure code — no dependencies, fully responsive, and the layout never shifts because each letter is width-locked.

Perfect for headlines, hero text, taglines and anywhere you want a tactile, eye-catching typography moment.

","bodyJson":null,"introduction":"Hover-readable text scramble effect","slug":"scramble-lens","author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/IhI0P0dLiwYqlnG2qo84/scramble-lens-g0kTqVvtq8j3XDv8uFaP15FSSuKdVE","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-06T21:00:13.851Z","updatedAt":"2026-06-10T16:25:16.789Z","publishedAt":"2026-06-10T16:28:05.150Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/Scramble-Lens-QXeE04.js@Q9Pso2p2zupVEOTFCEtp","previewUrl":"https://scramble-lens.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"Q9Pso2p2zupVEOTFCEtp","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":"2026-06-10T16:28:05.150Z","updatedAt":"2026-06-10T16:28:05.150Z"},{"id":"019ea223-2551-7c82-99e7-257588a26c34","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"6UszVS5b1DP7hhMpapCj","resolved":true,"title":"Hover Reveal Grid","body":"

Hover Reveal Grid turns any image into an interactive surface.

How it works:

- A grid of cells and intersection dots lights up around the cursor

- Each cell zooms the image beneath it based on distance to the pointer

- The mesh follows the cursor with smooth easing and fades out when idle

Fully editable in Framer — image, cell size, reveal radius, max zoom, grid color/width, dots, edge fade, follow easing, idle fade, corner radius and background. Pure Canvas rendering (no WebGL), fully responsive on every device.

Use it as a hero background: set the component to Fill and place your heading and buttons on top as separate layers.

Ideal for hero sections, portfolios, agencies and product showcases.

","bodyJson":null,"introduction":"Interactive cursor-reveal image grid","slug":"hover-reveal-grid","author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/6UszVS5b1DP7hhMpapCj/hover-reveal-grid-ptM2M8gbYRmQCDb7lQS5vT2FpIx9Fp","metadata":{"tint":{"h":150,"s":29,"l":22},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-04T16:53:32.755Z","updatedAt":"2026-06-07T13:11:12.166Z","publishedAt":"2026-06-07T12:51:12.849Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://hover-reveal-grid.framer.website/","price":"2","paymentUrl":"https://buy.stripe.com/5kQ6oG3Jjep367l6xe9k402","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"hSGJp9Z7lcE6i4RZt8Vf","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-07T12:51:12.849Z","updatedAt":"2026-06-07T12:51:12.849Z"},{"id":"019ea223-0f5a-762e-923a-7164c09711bd","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"03LEaN7gtTlwVdYbYWo7","resolved":true,"title":"Pricing Pulse","body":"$59","bodyJson":null,"introduction":"Interactive slider pricing card","slug":"pricing-pulse","author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/03LEaN7gtTlwVdYbYWo7/pricing-pulse-wZ8J8lYgqo3wEWMLVwul19D4nkU5dE","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-03T12:11:32.271Z","updatedAt":"2026-06-11T15:26:53.283Z","publishedAt":"2026-06-07T12:51:07.226Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://sparkling-goblin-963787.framer.app/","price":"2","paymentUrl":"https://buy.stripe.com/8x2fZg93D80FanBf3K9k400","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"nk5U6DeMoVeaS22ikRNc","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-07T12:51:07.226Z","updatedAt":"2026-06-07T12:51:07.226Z"},{"id":"019e98b2-0aa4-7400-b6e3-e8196993fc09","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[],"resources":[{"id":"bxN3CteILwFiqfepq6y3","resolved":true,"title":"Plan Compare","body":"

Comparison Table helps visitors compare your plans at a glance.

Features:

- Fully responsive — a classic table on desktop, stacked cards on mobile (no horizontal scroll)

- Highlight one plan as a continuous block with its own colors and a badge

- Per-plan values: check, cross, or free text like \"Unlimited\" or \"10 GB\"

- Buttons with per-plan links that wrap cleanly on long labels

- Every color, font, radius and breakpoint editable in Framer — no code required

Ideal for SaaS pricing pages, product feature comparisons, and plan selectors.

","bodyJson":null,"introduction":"Responsive pricing comparison table","slug":"plan-compare","author":{"framerUserId":"451007c1-fa95-41e6-8edc-0d786820d5ed","name":"Gazi Efe","slug":"gazi-efe","avatar":"https://framerusercontent.com/avatars/users/451007c1-fa95-41e6-8edc-0d786820d5ed/TiVg_fdf5","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/bxN3CteILwFiqfepq6y3/plan-compare-YtHGLe0HWNo0yRvcF3hmIwbzwL9ACj","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-04T13:14:50.344Z","updatedAt":"2026-06-05T16:37:54.104Z","publishedAt":"2026-06-05T16:51:05.508Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://hy.chujiqiqi.com/m/ComparisonTable-usw5SM.js@PCMgGgXripnhQe0PCUjl","previewUrl":"https://comparison-table.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"PCMgGgXripnhQe0PCUjl","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":24,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-05T16:51:05.508Z","updatedAt":"2026-06-05T16:51:05.508Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L5a"}]