62:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 63: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.

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

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

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

67: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

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-451007c1-fa95-41e6-8edc-0d786820d5ed-all:/unified/creator/451007c1-fa95-41e6-8edc-0d786820d5ed/activity/":[{"data":[{"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":"01a050eb-6171-7019-9ce8-98d1db08645e","type":"creator.followed","target":{"type":"creator","id":"d4dce4ef-b051-4b63-99b4-56b3f6a517a5","preview":"Nexwoa","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d4dce4ef-b051-4b63-99b4-56b3f6a517a5/gwkohty6","slug":"nexwoa","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-08-30T04:26:38.310Z","latestAt":"2026-08-30T04:26:38.310Z"},{"id":"01a044d7-c042-7039-9483-ad203e3be7ac","type":"creator.followed","target":{"type":"creator","id":"e1af7305-3d64-4054-8d78-41972a97341c","preview":"Zoe P.","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e1af7305-3d64-4054-8d78-41972a97341c/46zap623","slug":"zoe-p","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-08-27T20:09:45.246Z","latestAt":"2026-08-27T20:09:45.246Z"},{"id":"01a044d7-4c13-7296-9277-96b30435e170","type":"creator.followed","target":{"type":"creator","id":"10babd35-5d65-432b-a937-0d364862def7","preview":"Template Munk","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/987138/avatar-ab5H26kGpYaOYuIhN5LyueDxmZncxB.jpg","slug":"template-munk","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-08-27T20:09:15.532Z","latestAt":"2026-08-27T20:09:15.532Z"},{"id":"01a044d7-4a38-7138-9f32-37f5ae2c8694","type":"creator.followed","target":{"type":"creator","id":"20b794d8-b712-479d-8572-13812d589ab6","preview":"Floyka Design Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/62848/avatar-FieFvLtWCfpmdsGVre1bpgGPZl1iGN.jpg","slug":"floyka","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-08-27T20:09:15.058Z","latestAt":"2026-08-27T20:09:15.058Z"},{"id":"01a044d7-48bf-730a-b6fa-a68f96d0a3e6","type":"creator.followed","target":{"type":"creator","id":"2179b778-b2d7-4c1e-ab27-60e7e12a6593","preview":"felix strobel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2179b778-b2d7-4c1e-ab27-60e7e12a6593/8gv1pj67","slug":"fs","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-08-27T20:09:14.681Z","latestAt":"2026-08-27T20:09:14.681Z"},{"id":"01a044d7-4428-7778-aa1b-04aba47116a5","type":"creator.followed","target":{"type":"creator","id":"4164956a-7177-4789-b8ea-5567983998f4","preview":"Domenico Griffo","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4164956a-7177-4789-b8ea-5567983998f4/oft9a3s0","slug":"domegriffo","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-08-27T20:09:13.505Z","latestAt":"2026-08-27T20:09:13.505Z"},{"id":"01a044d7-430f-77da-bc62-807a489456bd","type":"creator.followed","target":{"type":"creator","id":"4646fd31-4eba-4c42-8e8e-68ef4f848fd8","preview":"Peush Jha","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/31194/avatar-4WafpCV2BWeCAJi7rkY7GjMf7YwL8z.jpg","slug":"peush-jha","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-08-27T20:09:13.223Z","latestAt":"2026-08-27T20:09:13.223Z"},{"id":"01a044d7-411f-75ec-b9bf-795b9bb63f47","type":"creator.followed","target":{"type":"creator","id":"4930c579-63da-4925-83e8-205efb4dfdd2","preview":"Sk Nahid Hasan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4930c579-63da-4925-83e8-205efb4dfdd2/mjpdrhfd","slug":"nahid","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-08-27T20:09:12.718Z","latestAt":"2026-08-27T20:09:12.718Z"},{"id":"01a044d7-3f55-76f9-b825-5be7a1132712","type":"creator.followed","target":{"type":"creator","id":"55e66b8b-bd81-4efe-9f12-b81d28c78988","preview":"Yaroslav","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1448889/avatar-r3OcUBHK7vNpsK2jpsBm7bkjS9Ud3z.jpg","slug":"yaroslav-cherevaty","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-08-27T20:09:12.271Z","latestAt":"2026-08-27T20:09:12.271Z"},{"id":"01a044d7-3d8a-752c-9cb5-ba19684fa744","type":"creator.followed","target":{"type":"creator","id":"530618d4-39d4-4326-822e-6adc8a89643b","preview":"Renatho","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/530618d4-39d4-4326-822e-6adc8a89643b/1mfjjuaw","slug":"renatho","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-08-27T20:09:11.810Z","latestAt":"2026-08-27T20:09:11.810Z"},{"id":"01a044d7-3304-729a-9675-de8c810da751","type":"creator.followed","target":{"type":"creator","id":"5a8fe6df-024d-4c89-8b1a-570e37bcbe89","preview":"Flowmance","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29882/avatar-qxCHRoEJ7QcWuREHqfRiZqHCzTxL4S.jpg","slug":"flowmance","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-08-27T20:09:09.113Z","latestAt":"2026-08-27T20:09:09.113Z"},{"id":"01a044d7-31d2-740a-abb5-a37fa16470c6","type":"creator.followed","target":{"type":"creator","id":"60a18b55-b28c-4058-a4d0-2eb97eb3f938","preview":"Sk Anas","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/60a18b55-b28c-4058-a4d0-2eb97eb3f938/o3xm0xxm","slug":"sk-anas-cjvxfs","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-08-27T20:09:08.809Z","latestAt":"2026-08-27T20:09:08.809Z"},{"id":"01a044d7-2a14-72cd-a212-8433c2b69dd7","type":"creator.followed","target":{"type":"creator","id":"692f39c5-f4f2-4917-a261-1ea1f536bead","preview":"baptiste.fort","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/692f39c5-f4f2-4917-a261-1ea1f536bead/dmo7gla4","slug":"baptistefort","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-08-27T20:09:06.822Z","latestAt":"2026-08-27T20:09:06.822Z"},{"id":"01a044d7-289d-769c-8dc9-03e42b6c3286","type":"creator.followed","target":{"type":"creator","id":"6b661f6f-65ba-40fa-bb6a-619d72ab1bd4","preview":"VLADIMIR KOTENEV","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6b661f6f-65ba-40fa-bb6a-619d72ab1bd4/7rgavo7j","slug":"vonexdesign","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-08-27T20:09:06.455Z","latestAt":"2026-08-27T20:09:06.455Z"},{"id":"01a044d7-27a6-7635-afa6-e747e3d6811e","type":"creator.followed","target":{"type":"creator","id":"6fa4ea9e-07b0-4f52-8c70-f30b028b81a5","preview":"Nibel ","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6fa4ea9e-07b0-4f52-8c70-f30b028b81a5/r2ik5i4z","slug":"nibel","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-08-27T20:09:06.208Z","latestAt":"2026-08-27T20:09:06.208Z"},{"id":"01a044d7-22da-7549-bf55-b111fba00353","type":"creator.followed","target":{"type":"creator","id":"7acc44a9-1d04-435f-ab18-0fbac19933de","preview":"Sk Shohid Hossain","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/39568/avatar-y2O54tlJu2wcObqEIIAmtBf3bjiCrA.jpg","slug":"sk-shohid-hossain","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-08-27T20:09:04.977Z","latestAt":"2026-08-27T20:09:04.977Z"},{"id":"01a044d7-2107-740e-9ddd-d3c373de5e4a","type":"creator.followed","target":{"type":"creator","id":"7b34ca5d-5f1b-47da-9ab6-dbafa98f7c64","preview":"Elias ALVES","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1986765/ZQCDW6564-Rd4a11uLlTKRXXJMOFXxqWVm8c2e46","slug":"elias-alves","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-08-27T20:09:04.506Z","latestAt":"2026-08-27T20:09:04.506Z"},{"id":"01a044d7-1fe9-70ca-a359-d47f12e91717","type":"creator.followed","target":{"type":"creator","id":"7de61a5e-42f8-4642-b5c9-619eecdbc02c","preview":"Ali Hassan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7de61a5e-42f8-4642-b5c9-619eecdbc02c/u0isnxxs","slug":"ali-hassan-hx8uyr","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-08-27T20:09:04.227Z","latestAt":"2026-08-27T20:09:04.227Z"},{"id":"01a044d7-1e22-7659-8a70-08e873a02b37","type":"creator.followed","target":{"type":"creator","id":"816424cf-2ddd-4aec-953f-da2606ba6960","preview":"1temporel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1220847/avatar-H3Guf02DbtjlArEZQybHSkyuBeMXpP.jpg","slug":"1temporel","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-08-27T20:09:03.766Z","latestAt":"2026-08-27T20:09:03.766Z"}],"pagination":{"next":"MjAyNi0wOC0yN1QyMDowOTowMy43NjZafDAxYTA0NGQ3LTFlMjItNzY1OS04YTcwLTA4ZTg3M2EwMmIzNw","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":"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":"$63","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-09-17T16:38:48.621Z","publishedAt":"2026-09-17T16:38:48.612Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"49","paymentUrl":"https://buy.stripe.com/8x28wOenXbcR3Zd9Jq9k405","remixUrl":null,"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"}],"styles":[],"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":[]}}],"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":"$64","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://framer.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://framer.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":"$65","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":"$66","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://framer.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":"$67","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://framer.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":"$L68"}]