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

Description SplitTextButton is a polished interactive button component that brings a satisfying typographic animation to your Framer projects. On hover, the original label slides out downward while individual letters fly in from alternating directions with a staggered delay — creating a dynamic, layered reveal effect that feels premium without being distracting.

Every detail is customizable through Framer's property panel. Switch between solid and gradient backgrounds for both default and hover states. Full color control over text, border, and background in both states.

Key features:

Staggered letter animation on hover — alternating up/down entry per character
Original label slides out as hover letters fly in
Solid or gradient background — toggled per state with angle control
Separate hover label — show different text on hover if needed
Full typography control: size, weight, letter spacing
Border color, width, and border radius
Padding H/V controls
Hover text and background color independent of default state
Animation speed control
Built-in link field — same tab or new tab
On Click event handler
Static renderer safe — no animations in editor or export
Semantic HTML — <button> with no link, <a> with link
Keyboard accessible and screen reader friendly

Tags button, animation, hover, typography, stagger, letters, interactive, text, effect, creative

53:T940,

Full Description

Reticle Button is a subtle, precision-styled button with an animated targeting frame that draws itself in on hover — dashed guide lines extend from each edge, corner marker dots snap outward like a camera focus reticle, and a faint grid pattern fades in behind the label. Built entirely with CSS transitions, so it's smooth and lightweight with zero JavaScript animation loop, and follows Framer's static-rendering guidelines (fully static on Canvas and in exports, animated only in live Preview and the published site).

Fully customizable from the properties panel, no code editing required:

Text Color & Hover Text Color
Background & Hover Background
Dot Color & Dot Size
Line Color & Line Width
Border / Grid Color & Border Width
Typography — font family, weight, and size via Framer's native font picker
Icon Image — upload your own icon, or use the built-in default, with adjustable size and gap
Padding — size the button by adjusting padding, so it hugs its content
Frame Gap — space the corner marks and lines sit in around the button
Animation Speed
Link — with optional new-tab behavior

A great fit for tech, SaaS, portfolio, or product sites looking for a precise, engineered feel rather than a soft, rounded CTA.

Key Features

Pure CSS hover animation, no JS render loop
Static-safe: fully disables animation on Canvas/export per Framer guidelines
Corner dots + dashed frame lines animate in on hover
Subtle diagonal grid-pattern reveal behind the label
Fully themeable: colors, thickness, and spacing for every accent
Custom icon upload with size/gap controls
Auto-sizing via padding (hug-content behavior)
Works as a button or a link (with new-tab option)

54:T7dd,

Full Description

WebGL Button is an interactive, code-based button component that renders a real-time WebGL liquid simulation inside its shape — no video, no GIF, just live shader animation. Move your cursor across it and the liquid tilts and sloshes; click it and it "gulps" down before settling back.

Fully customizable directly from the Framer properties panel, no code editing required:

Liquid Color — recolor the animated liquid to match your brand
Background — set the button's base color independently of the liquid
Typography — full font control (family, weight, size, letter-spacing) via Framer's native font picker
Text Color
Icon Image — upload your own icon (SVG/PNG), with adjustable size and gap from the label
Padding — size the button by adjusting padding rather than dragging the frame, so it always hugs its content
Corner Radius
Link — turn it into a working link with optional new-tab behavior, or leave it as a plain interactive button

Great for hero CTAs, form submit buttons, or any spot where a subtle, tactile animation adds polish without feeling gimmicky.

Key Features

Live WebGL shader animation, not a video/GIF
Cursor-reactive tilt and slosh physics
Click "gulp" interaction
Fully themeable: liquid color, background, text, icon
Custom icon upload with size/gap controls
Auto-sizing via padding (hug-content behavior)
Works as a button or a link (with new-tab option)
Follows Framer's static-render guidelines (no animation on canvas/export, only in live Preview/published site)

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-82e00e59-ec54-44bc-b710-94f728526490-all:/unified/creator/82e00e59-ec54-44bc-b710-94f728526490/activity/":[{"data":[{"id":"01a0ed89-e15e-700d-a72e-471c3fe1f2db","type":"creator.followed","target":{"type":"creator","id":"d84b3af4-cf3a-4f8c-a330-137560bb6207","preview":"Russet Supply","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/ftknkw3u","slug":"russetsupply","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"82e00e59-ec54-44bc-b710-94f728526490","name":"Nazam Azam","avatar":"https://framerusercontent.com/avatars/users/82e00e59-ec54-44bc-b710-94f728526490/swq7FJUKP","slug":"nazam-azam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-29T14:20:31.442Z","latestAt":"2026-09-29T14:20:31.442Z"},{"id":"01a0d3ad-1a1d-73f9-935a-6649215f5ba4","type":"component.liked","target":{"type":"component","id":"helyrJcsmYGSAXp2Hkwz","preview":"Animated Beam Chart","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cdbd7ebc-86d4-4b64-baea-421f236c7c35/01a0d333-e0b0-771e-9d1d-32245be60be3.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"82e00e59-ec54-44bc-b710-94f728526490","name":"Nazam Azam","avatar":"https://framerusercontent.com/avatars/users/82e00e59-ec54-44bc-b710-94f728526490/swq7FJUKP","slug":"nazam-azam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-24T13:48:52.110Z","latestAt":"2026-09-24T13:48:52.110Z"},{"id":"01a0d3ad-1403-7581-9eb4-6c0fab6c44a9","type":"post.liked","target":{"type":"post","id":"01a0d27e-3ae9-770d-9221-d85f93f2146b","preview":"A custom 404 page for ORYN Audio, my latest Framer template. \nI used the headphones as the “0” in 404, keeping the product at the heart of the design. \nSmall details deserve good design, too.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A custom 404 page for ORYN Audio, my latest Framer template. "}]},{"type":"paragraph","content":[{"type":"text","text":"I used the headphones as the “0” in 404, keeping the product at the heart of the design. "}]},{"type":"paragraph","content":[{"type":"text","text":"Small details deserve good design, too. "}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/49174168-6a39-4e39-8f05-204848d3a06f/01a0d27d-5126-75cb-8625-b02dc0d3737d.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0d27e-3ae9-770d-9221-d85f93f2146b","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"82e00e59-ec54-44bc-b710-94f728526490","name":"Nazam Azam","avatar":"https://framerusercontent.com/avatars/users/82e00e59-ec54-44bc-b710-94f728526490/swq7FJUKP","slug":"nazam-azam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-24T13:48:50.559Z","latestAt":"2026-09-24T13:48:50.559Z"},{"id":"01a0d3ad-0e34-70de-898a-a7463eebc35e","type":"component.liked","target":{"type":"component","id":"qi8TmBFGLFfnCNf6kqix","preview":"Glass Fold Ticker","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7adbc810-fb6d-488b-86fe-e018224298a7/01a0d327-9256-74db-a022-c7123de04c03.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"82e00e59-ec54-44bc-b710-94f728526490","name":"Nazam Azam","avatar":"https://framerusercontent.com/avatars/users/82e00e59-ec54-44bc-b710-94f728526490/swq7FJUKP","slug":"nazam-azam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-24T13:48:49.044Z","latestAt":"2026-09-24T13:48:49.044Z"},{"id":"01a0d3ad-05a7-75b3-9afc-6e2bf16d8493","type":"template.liked","target":{"type":"template","id":"73795","preview":"machi","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e4dad790-65dc-4b1c-9632-53973c918d8e/01a0d33f-b74c-7518-a4a6-6412407707e2.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"82e00e59-ec54-44bc-b710-94f728526490","name":"Nazam Azam","avatar":"https://framerusercontent.com/avatars/users/82e00e59-ec54-44bc-b710-94f728526490/swq7FJUKP","slug":"nazam-azam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-24T13:48:46.867Z","latestAt":"2026-09-24T13:48:46.867Z"},{"id":"01a0d3ac-ff5b-7595-bee8-b704e97cfbcc","type":"template.liked","target":{"type":"template","id":"73796","preview":"Acornn","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d4fcc5df-7ad1-43dd-ad87-90fdfc591957/01a0d347-1ff9-7304-8972-7a70b37ab4a9.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"82e00e59-ec54-44bc-b710-94f728526490","name":"Nazam Azam","avatar":"https://framerusercontent.com/avatars/users/82e00e59-ec54-44bc-b710-94f728526490/swq7FJUKP","slug":"nazam-azam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-24T13:48:45.254Z","latestAt":"2026-09-24T13:48:45.254Z"},{"id":"01a0d3ac-f619-723b-8047-0e9db7beab26","type":"post.liked","target":{"type":"post","id":"01a0d297-5653-746c-a549-7978924fb056","preview":"Our free Thumbnail Slider just crossed 674 installs and 7,400+ views on the Framer Marketplace. Thanks to everyone who's using it.\nIf you haven't tried it, it's a media slider with a main image and a thumbnail tray underneath (or beside it, since it works vertically too).\nWhat you can control:\n- Slides per view, spacing, corner radius and transitions\n- Thumbnail count and style\n- Autoplay, infinite loop and a progress bar\n- Arrows, pagination dots and a slide counter\n- Custom arrow icons\nIt works well for product galleries, property listings and portfolio case studies.\nCopy it for free: https://framer.link/ueXvyI8\nNeed video, Lottie or a lightbox? That's Thumbnail Slider Max ($5). \nhttps://framer.link/Bi2BPHI","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Our free"},{"type":"text","text":" Thumbnail Slider","marks":[{"type":"bold"}]},{"type":"text","text":" just crossed 674 installs and 7,400+ views on the Framer Marketplace. Thanks to everyone who's using it."}]},{"type":"paragraph","content":[{"type":"text","text":"If you haven't tried it, it's a media slider with a main image and a thumbnail tray underneath (or beside it, since it works vertically too)."}]},{"type":"paragraph","content":[{"type":"text","text":"What you can control:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- Slides per view, spacing, corner radius and transitions","marks":[{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- Thumbnail count and style","marks":[{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- Autoplay, infinite loop and a progress bar","marks":[{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- Arrows, pagination dots and a slide counter","marks":[{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"- Custom arrow icons","marks":[{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"It works well for product galleries, property listings and portfolio case studies."}]},{"type":"paragraph","content":[{"type":"text","text":"Copy it for free: "},{"type":"text","text":"https://framer.link/ueXvyI8","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/ueXvyI8","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Need video, Lottie or a lightbox? That's Thumbnail Slider Max ($5). ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"https://framer.link/Bi2BPHI","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/Bi2BPHI","target":"_blank"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e345ab55-2332-4208-93c3-60dfe7e719ff/01a0d295-59bd-7157-a26f-e6be30f1a603.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0d297-5653-746c-a549-7978924fb056","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"82e00e59-ec54-44bc-b710-94f728526490","name":"Nazam Azam","avatar":"https://framerusercontent.com/avatars/users/82e00e59-ec54-44bc-b710-94f728526490/swq7FJUKP","slug":"nazam-azam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-24T13:48:42.890Z","latestAt":"2026-09-24T13:48:42.890Z"},{"id":"01a0d3ac-f159-72b9-84b6-a6cd934e851c","type":"post.liked","target":{"type":"post","id":"01a0d34a-bc31-7655-9f3c-48e0ca8421ef","preview":"👀 How are you guys doing? Did you forget about ZERION?\nOur Financial Framer template has been live for a while. If you still haven’t explored it, now’s the time!\nCheck it out: https://zerion-dm.framer.website/\n#Framer #FramerTemplates #Zerion #Finance #Fintech #DigitalBanking #WebDesign #NoCode #UIDesign #DesignMonks","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}},{"type":"text","text":" How are you guys doing? Did you forget about "},{"type":"text","text":"ZERION","marks":[{"type":"bold"}]},{"type":"text","text":"?"}]},{"type":"paragraph","content":[{"type":"text","text":"Our Financial Framer template has been live for a while. If you still haven’t explored it, now’s the time!"}]},{"type":"paragraph","content":[{"type":"text","text":"Check it out: "},{"type":"text","text":"https://zerion-dm.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://zerion-dm.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #FramerTemplates #Zerion #Finance #Fintech #DigitalBanking #WebDesign #NoCode #UIDesign #DesignMonks"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f0459814-badc-403f-9d4f-d3ade160d16b/01a0d34a-4f63-7029-9497-13baeaf7d2cf.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"01a0d34a-bc31-7655-9f3c-48e0ca8421ef","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"82e00e59-ec54-44bc-b710-94f728526490","name":"Nazam Azam","avatar":"https://framerusercontent.com/avatars/users/82e00e59-ec54-44bc-b710-94f728526490/swq7FJUKP","slug":"nazam-azam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-24T13:48:41.658Z","latestAt":"2026-09-24T13:48:41.658Z"},{"id":"01a0d3ac-eb5e-71a0-b07b-6bca804bf7cf","type":"template.liked","target":{"type":"template","id":"73797","preview":"Vitrail","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/555621ea-5ed8-4c46-8a27-0c8ee0895e5e/01a0d34a-a051-77f7-aab5-e4b4b773d936.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"82e00e59-ec54-44bc-b710-94f728526490","name":"Nazam Azam","avatar":"https://framerusercontent.com/avatars/users/82e00e59-ec54-44bc-b710-94f728526490/swq7FJUKP","slug":"nazam-azam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-24T13:48:40.150Z","latestAt":"2026-09-24T13:48:40.150Z"},{"id":"01a0d3ac-e635-7238-81e5-b68e5a1d790a","type":"template.liked","target":{"type":"template","id":"73798","preview":"Aura UI UX","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9c3b1dd9-cc3f-4f22-866a-2a02100af634/01a0d34b-9eaa-7001-ae0a-70084f5276f2.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"82e00e59-ec54-44bc-b710-94f728526490","name":"Nazam Azam","avatar":"https://framerusercontent.com/avatars/users/82e00e59-ec54-44bc-b710-94f728526490/swq7FJUKP","slug":"nazam-azam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-24T13:48:38.823Z","latestAt":"2026-09-24T13:48:38.823Z"},{"id":"01a0d3ac-e1bd-743f-a6e0-0edcab058e22","type":"template.liked","target":{"type":"template","id":"73799","preview":"Levi","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/61548af4-c093-4c71-bfe8-e91e21b7146f/01a0d351-edc9-743f-acde-e0b30010b9ee.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"82e00e59-ec54-44bc-b710-94f728526490","name":"Nazam Azam","avatar":"https://framerusercontent.com/avatars/users/82e00e59-ec54-44bc-b710-94f728526490/swq7FJUKP","slug":"nazam-azam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-24T13:48:37.682Z","latestAt":"2026-09-24T13:48:37.682Z"},{"id":"01a0d3ac-dbb1-76ab-93db-04fd33f11807","type":"template.liked","target":{"type":"template","id":"73800","preview":"Ahencia","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/51c7b0a2-833e-425f-a7bf-30bda1e420fa/01a0d37b-3739-729b-92c8-ea2df9afaf07.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"82e00e59-ec54-44bc-b710-94f728526490","name":"Nazam Azam","avatar":"https://framerusercontent.com/avatars/users/82e00e59-ec54-44bc-b710-94f728526490/swq7FJUKP","slug":"nazam-azam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-24T13:48:36.140Z","latestAt":"2026-09-24T13:48:36.140Z"},{"id":"01a0d3ac-d5b3-768c-ae30-ebc2536ac4c9","type":"post.liked","target":{"type":"post","id":"01a0d35b-f38d-764a-9348-b33c065ab048","preview":"Organza is live\nMost coming-soon pages are an email box on a gradient. For Organza I wanted the sign-up to be the reveal.\nIt's one page, you can set it up in minutes, and it works for any launch: product drops, apps, studios, events and creators.\nWould love to hear how the silk feels to you 🙂\nhttps://organza.framer.website/","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Organza is live","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Most coming-soon pages are an email box on a gradient. For Organza I wanted the sign-up to be the reveal."}]},{"type":"paragraph","content":[{"type":"text","text":"It's one page, you can set it up in minutes, and it works for any launch: product drops, apps, studios, events and creators."}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to hear how the silk feels to you "},{"type":"emoji","attrs":{"name":"slightly_smiling_face","emoji":"🙂"}}]},{"type":"paragraph","content":[{"type":"text","text":"https://organza.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://organza.framer.website/","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/YRsFLBLw02Ragcni9bbkSnK5Vw79nYS2a55gNthWSIk00/thumbnail.webp?time=16.1","targetDeleted":false,"owned":false,"actions":{"postId":"01a0d35b-f38d-764a-9348-b33c065ab048","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"82e00e59-ec54-44bc-b710-94f728526490","name":"Nazam Azam","avatar":"https://framerusercontent.com/avatars/users/82e00e59-ec54-44bc-b710-94f728526490/swq7FJUKP","slug":"nazam-azam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-24T13:48:34.605Z","latestAt":"2026-09-24T13:48:34.605Z"},{"id":"01a0d3ac-d0a6-766d-b5cd-2b993928a275","type":"post.liked","target":{"type":"post","id":"01a0d2ae-43cc-7718-8ed1-15bdddadcdba","preview":"Contact page of Creative Design Studio framer template \nHow it's looking","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact page of Creative Design Studio framer template "}]},{"type":"paragraph","content":[{"type":"text","text":"How it's looking"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7c411d87-132f-4664-851b-339c04673b78/01a0d2ae-2cbb-767b-96e2-c7c0d01f29f1.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0d2ae-43cc-7718-8ed1-15bdddadcdba","like":{"count":31,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":3,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"82e00e59-ec54-44bc-b710-94f728526490","name":"Nazam Azam","avatar":"https://framerusercontent.com/avatars/users/82e00e59-ec54-44bc-b710-94f728526490/swq7FJUKP","slug":"nazam-azam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-24T13:48:33.312Z","latestAt":"2026-09-24T13:48:33.312Z"},{"id":"01a0d3ac-cc50-71d9-b070-30c2efe8f051","type":"post.liked","target":{"type":"post","id":"01a0d297-c97c-71d8-be78-ae508c6cd56a","preview":"Hero Section for a Creative Design Escape Beyond the Ordinary A Modern Travel Experience. rate it out of 10?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero Section for a Creative Design Escape Beyond the Ordinary A Modern Travel Experience. rate it out of 10?"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e0222182-3d74-4d56-b2d9-eba289a28fa5/01a0d290-7b4f-75fd-a7bf-486369952f27.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0d297-c97c-71d8-be78-ae508c6cd56a","like":{"count":38,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"82e00e59-ec54-44bc-b710-94f728526490","name":"Nazam Azam","avatar":"https://framerusercontent.com/avatars/users/82e00e59-ec54-44bc-b710-94f728526490/swq7FJUKP","slug":"nazam-azam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-24T13:48:32.203Z","latestAt":"2026-09-24T13:48:32.203Z"},{"id":"01a0d3ac-c5df-728a-8ff0-9e94c6321b3e","type":"template.liked","target":{"type":"template","id":"73803","preview":"Liam Carter","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6765f26b-72df-4353-a13e-68222ccd7606/01a0d364-8824-768f-bd50-6803bb09e665.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"82e00e59-ec54-44bc-b710-94f728526490","name":"Nazam Azam","avatar":"https://framerusercontent.com/avatars/users/82e00e59-ec54-44bc-b710-94f728526490/swq7FJUKP","slug":"nazam-azam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-24T13:48:30.555Z","latestAt":"2026-09-24T13:48:30.555Z"},{"id":"01a0d3ac-bff5-74d2-a41a-843946b29af5","type":"post.liked","target":{"type":"post","id":"01a0d372-d497-7097-9e2b-cf85df008336","preview":"I kept rebuilding Google Maps setups in Framer for hotels, real estate and store locators.\nSo we built MapFlow: interactive maps in Framer, no code. $19.\nWhat it does:\n• Custom marker icons, unlimited markers\n• Category and nearby filters\n• Clustering and distance calc\n• Popups with links\n• Roadmap, satellite, hybrid and terrain views\nYou can match it to the brand with the built-in styles, your own JSON or Google Cloud map styling. It works on desktop, tablet and mobile.\n Preview: https://mapflow.framer.website/\nGet it: https://framer.link/C4NtwMr","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I kept rebuilding Google Maps setups in Framer for hotels, real estate and store locators."}]},{"type":"paragraph","content":[{"type":"text","text":"So we built MapFlow: interactive maps in Framer, no code. $19."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"What it does:"}]},{"type":"paragraph","content":[{"type":"text","text":"• Custom marker icons, unlimited markers"}]},{"type":"paragraph","content":[{"type":"text","text":"• Category and nearby filters"}]},{"type":"paragraph","content":[{"type":"text","text":"• Clustering and distance calc"}]},{"type":"paragraph","content":[{"type":"text","text":"• Popups with links"}]},{"type":"paragraph","content":[{"type":"text","text":"• Roadmap, satellite, hybrid and terrain views"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"You can match it to the brand with the built-in styles, your own JSON or Google Cloud map styling. It works on desktop, tablet and mobile."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":" Preview: "},{"type":"text","text":"https://mapflow.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://mapflow.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Get it: "},{"type":"text","text":"https://framer.link/C4NtwMr","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/C4NtwMr","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/tQ9PFrZgbTvO1RKe5vYGbrt02PmlDaZuVG600pGsI3Vz00/thumbnail.webp?time=14.5","targetDeleted":false,"owned":false,"actions":{"postId":"01a0d372-d497-7097-9e2b-cf85df008336","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"82e00e59-ec54-44bc-b710-94f728526490","name":"Nazam Azam","avatar":"https://framerusercontent.com/avatars/users/82e00e59-ec54-44bc-b710-94f728526490/swq7FJUKP","slug":"nazam-azam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-24T13:48:29.038Z","latestAt":"2026-09-24T13:48:29.038Z"},{"id":"01a0d3ac-bb51-768d-800a-977e8765bd5c","type":"component.liked","target":{"type":"component","id":"gTSlbjcnb4zOpVZ7HceS","preview":"Expanding Step Cards","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a76cbc8-eb2e-47d6-ade7-8039eff75335/01a0d372-1d12-7499-a0b3-447f7fc8b3e4.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"82e00e59-ec54-44bc-b710-94f728526490","name":"Nazam Azam","avatar":"https://framerusercontent.com/avatars/users/82e00e59-ec54-44bc-b710-94f728526490/swq7FJUKP","slug":"nazam-azam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-24T13:48:27.852Z","latestAt":"2026-09-24T13:48:27.852Z"},{"id":"01a0d3ac-b4de-778c-bf38-3c3c419bb245","type":"post.liked","target":{"type":"post","id":"01a0d378-5bb8-76d8-b713-995a27194198","preview":"having a lot of fun working on this hero section today....and it's not just a hero 👀i","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"having a lot of fun working on this hero section today....and it's not just a hero "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}},{"type":"text","text":"i"}]}]},"thumbnail":"https://image.mux.com/jBQ1zyn015gYGbAmku01xLbZiqYNzDajziqP9NBbxTPO8/thumbnail.webp?time=14.567","targetDeleted":false,"owned":false,"actions":{"postId":"01a0d378-5bb8-76d8-b713-995a27194198","like":{"count":6,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"82e00e59-ec54-44bc-b710-94f728526490","name":"Nazam Azam","avatar":"https://framerusercontent.com/avatars/users/82e00e59-ec54-44bc-b710-94f728526490/swq7FJUKP","slug":"nazam-azam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-24T13:48:26.201Z","latestAt":"2026-09-24T13:48:26.201Z"},{"id":"01a0d3ac-afe5-7535-9214-a3609498f7ad","type":"template.liked","target":{"type":"template","id":"73804","preview":"Soundee Starter","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f2b7b02a-0746-4e8d-b9e8-f7814b02180d/01a0d36e-36bd-74e9-80fa-d72e0dd646f7.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"82e00e59-ec54-44bc-b710-94f728526490","name":"Nazam Azam","avatar":"https://framerusercontent.com/avatars/users/82e00e59-ec54-44bc-b710-94f728526490/swq7FJUKP","slug":"nazam-azam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-24T13:48:24.928Z","latestAt":"2026-09-24T13:48:24.928Z"}],"pagination":{"next":"MjAyNi0wOS0yNFQxMzo0ODoyNC45MjhafDAxYTBkM2FjLWFmZTUtNzUzNS05MjE0LWEzNjA5NDk4ZjdhZA","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:82e00e59-ec54-44bc-b710-94f728526490:/unified/posts/?creator=82e00e59-ec54-44bc-b710-94f728526490&with=reposts":[{"data":[{"id":"01a0343d-530c-768f-91ce-279464b86148","title":null,"body":"

Just earned my first Framer commission 🎉 One of my clients purchased their Framer plan through my referral, and it's a nice reminder of why I always point clients to Framer directly when I build with it.

Small win, but a good one. Excited to keep building on Framer and growing with this community 🚀

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just earned my first Framer commission "},{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}},{"type":"text","text":" One of my clients purchased their Framer plan through my referral, and it's a nice reminder of why I always point clients to Framer directly when I build with it."}]},{"type":"paragraph","content":[{"type":"text","text":"Small win, but a good one. Excited to keep building on Framer and growing with this community "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]}]},"author":{"framerUserId":"82e00e59-ec54-44bc-b710-94f728526490","name":"Nazam Azam","slug":"nazam-azam","avatar":"https://framerusercontent.com/avatars/users/82e00e59-ec54-44bc-b710-94f728526490/swq7FJUKP","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/82e00e59-ec54-44bc-b710-94f728526490/01a0343d-3ca0-7689-bb1e-ce4e8c391048.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":451,"height":287}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-24T14:47:09.329Z","updatedAt":"2026-08-24T14:47:09.329Z"},{"id":"019fea93-e07f-718b-9f44-29fa50d35973","title":null,"body":"

🎉 Just hit 150 followers on Framer! 🚀

A huge thank you to everyone who followed, liked, shared, and supported my work. It may seem like a small milestone, but every connection means a lot.

I'm excited to keep creating high-quality Framer websites, experimenting with new ideas, and sharing what I learn with the community.

Here's to the next milestone! 💙

#Framer #WebDesign #NoCode #FramerCommunity #150Followers

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"tada","emoji":"🎉"}},{"type":"text","text":" Just hit "},{"type":"text","text":"150 followers","marks":[{"type":"bold"}]},{"type":"text","text":" on Framer! "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]},{"type":"paragraph","content":[{"type":"text","text":"A huge thank you to everyone who followed, liked, shared, and supported my work. It may seem like a small milestone, but every connection means a lot."}]},{"type":"paragraph","content":[{"type":"text","text":"I'm excited to keep creating high-quality Framer websites, experimenting with new ideas, and sharing what I learn with the community."}]},{"type":"paragraph","content":[{"type":"text","text":"Here's to the next milestone! "},{"type":"emoji","attrs":{"name":"blue_heart","emoji":"💙"}}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #WebDesign #NoCode #FramerCommunity #150Followers"}]}]},"author":{"framerUserId":"82e00e59-ec54-44bc-b710-94f728526490","name":"Nazam Azam","slug":"nazam-azam","avatar":"https://framerusercontent.com/avatars/users/82e00e59-ec54-44bc-b710-94f728526490/swq7FJUKP","badges":["available","expert"],"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":9,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-10T07:29:47.651Z","updatedAt":"2026-08-10T07:29:47.651Z"},{"id":"019f45d7-f118-7310-90e1-151b7a8178f8","title":null,"body":"

Just dropped → SplitTextButton on the Framer Marketplace

Hover it. The label slides out. Letters fly in from alternating directions, staggered, satisfying.

✦ Solid or gradient background per state ✦ Separate hover label support ✦ Full typography + color control ✦ Keyboard accessible, static renderer safe ✦ Drop in, customize, ship

No fluff. Just a button that actually feels good to click.

🔗 https://framer.link/tdFuSEn

#Framer #FramerMarketplace #WebDesign #UIAnimation #NoCode #FramerComponent #ButtonAnimation #Typography #CreativeWeb #FrontendDesign

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just dropped → "},{"type":"text","text":"SplitTextButton","marks":[{"type":"bold"}]},{"type":"text","text":" on the Framer Marketplace"}]},{"type":"paragraph","content":[{"type":"text","text":"Hover it. The label slides out. Letters fly in from alternating directions, staggered, satisfying."}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Solid or gradient background per state ✦ Separate hover label support ✦ Full typography + color control ✦ Keyboard accessible, static renderer safe ✦ Drop in, customize, ship"}]},{"type":"paragraph","content":[{"type":"text","text":"No fluff. Just a button that actually feels good to click."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"link","emoji":"🔗"}},{"type":"text","text":" "},{"type":"text","text":"https://framer.link/tdFuSEn","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/tdFuSEn","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #FramerMarketplace #WebDesign #UIAnimation #NoCode #FramerComponent #ButtonAnimation #Typography #CreativeWeb #FrontendDesign"}]}]},"author":{"framerUserId":"82e00e59-ec54-44bc-b710-94f728526490","name":"Nazam Azam","slug":"nazam-azam","avatar":"https://framerusercontent.com/avatars/users/82e00e59-ec54-44bc-b710-94f728526490/swq7FJUKP","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"y9PydccnxTOO0LftoxMN","resolved":true,"title":"SplitTextButton","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Description","marks":[{"type":"bold"}]},{"type":"text","text":" SplitTextButton is a polished interactive button component that brings a satisfying typographic animation to your Framer projects. On hover, the original label slides out downward while individual letters fly in from alternating directions with a staggered delay — creating a dynamic, layered reveal effect that feels premium without being distracting."}]},{"type":"paragraph","content":[{"type":"text","text":"Every detail is customizable through Framer's property panel. Switch between solid and gradient backgrounds for both default and hover states. Full color control over text, border, and background in both states."}]},{"type":"paragraph","content":[{"type":"text","text":"Key features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Staggered letter animation on hover — alternating up/down entry per character"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Original label slides out as hover letters fly in"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Solid or gradient background — toggled per state with angle control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Separate hover label — show different text on hover if needed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full typography control: size, weight, letter spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Border color, width, and border radius"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Padding H/V controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover text and background color independent of default state"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animation speed control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in link field — same tab or new tab"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"On Click event handler"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Static renderer safe — no animations in editor or export"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Semantic HTML — "},{"type":"text","text":"