61: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"] 62:T530,O site de um SaaS e a aplicação que o cliente abre depois de assinar são dois projetos com objetivos opostos. O site é público e existe para convencer quem ainda não conhece o produto. A aplicação é privada, acessada por quem já pagou, e precisa desaparecer de tanto funcionar. Confundir os dois sai caro: empresa que contrata design de produto e recebe uma home bonita, ou que pede um site e descobre tarde que o problema estava dentro da ferramenta. Se a dificuldade é gente que não conhece o produto, o trabalho é o site que vende o produto. Se é gente que assinou e sumiu, o trabalho é a interface. A diferença está no tempo de exposição. Alguém visita um site por alguns minutos e decide. A mesma pessoa abre o painel do SaaS que assinou várias vezes por semana, durante anos. Atrito em tela de uso diário é cobrado todo mês, na renovação. O artigo separa os quatro momentos que concentram o efeito sobre ativação e permanência. O último costuma ser tratado como sobra e não é: as três funções da tela vazia transformam a primeira tela sem dado nenhum em onboarding acontecendo no lugar certo. Tem ainda os sete padrões catalogados em telas de produtos em operação, o que medir antes de redesenhar e o que pedir no escopo, com a fronteira do que já é a construção do produto em si.63: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

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

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

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-82e00e59-ec54-44bc-b710-94f728526490-all:/unified/creator/82e00e59-ec54-44bc-b710-94f728526490/activity/":[{"data":[{"id":"01a0bf95-435a-7278-b533-f0bc1f342d66","type":"post.liked","target":{"type":"post","id":"01a0bf27-c3cb-771a-ab21-23951317306b","preview":"$62","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"O site de um SaaS e a aplicação que o cliente abre depois de assinar são dois projetos com objetivos opostos. O site é público e existe para convencer quem ainda não conhece o produto. A aplicação é privada, acessada por quem já pagou, e precisa desaparecer de tanto funcionar."}]},{"type":"paragraph","content":[{"type":"text","text":"Confundir os dois sai caro: empresa que contrata design de produto e recebe uma home bonita, ou que pede um site e descobre tarde que o problema estava dentro da ferramenta. Se a dificuldade é gente que não conhece o produto, o trabalho é "},{"type":"text","text":"o site que vende o produto","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://wama.com.br/blog/site-para-saas","target":"_blank"}}]},{"type":"text","text":". Se é gente que assinou e sumiu, o trabalho é a interface."}]},{"type":"paragraph","content":[{"type":"text","text":"A diferença está no tempo de exposição. Alguém visita um site por alguns minutos e decide. A mesma pessoa abre o painel do SaaS que assinou várias vezes por semana, durante anos. Atrito em tela de uso diário é cobrado todo mês, na renovação."}]},{"type":"paragraph","content":[{"type":"text","text":"O artigo separa os quatro momentos que concentram o efeito sobre ativação e permanência. O último costuma ser tratado como sobra e não é: as "},{"type":"text","text":"três funções da tela vazia","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.nngroup.com/articles/empty-state-interface-design/","target":"_blank"}}]},{"type":"text","text":" transformam a primeira tela sem dado nenhum em onboarding acontecendo no lugar certo."}]},{"type":"paragraph","content":[{"type":"text","text":"Tem ainda os sete padrões catalogados em telas de produtos em operação, o que medir antes de redesenhar e o que pedir no escopo, com a fronteira do que já é "},{"type":"text","text":"a construção do produto em si","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://wama.com.br/blog/desenvolvimento-de-saas","target":"_blank"}}]},{"type":"text","text":"."}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0bf27-c3cb-771a-ab21-23951317306b","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-20T16:10:25.495Z","latestAt":"2026-09-20T16:10:25.495Z"},{"id":"01a0bf95-3c98-7128-8475-b91466e0915a","type":"post.liked","target":{"type":"post","id":"01a0bf29-360c-7067-9ac1-3fd1f2ca8691","preview":"Introducing OnyxGrid — a modern Framer template built for SaaS, startups, and technology companies.\nDesigned with a clean visual system, strong typography, and conversion-focused sections, OnyxGrid helps you launch a professional website faster without starting from scratch.\nPerfect for: • SaaS & tech startups • AI products • Web apps • Digital platforms • Software companies • Modern startups\nBuild less. Launch faster. Make a stronger first impression.\n#Framer #FramerTemplate #SaaS #Startup #WebDesign #UIUX #NoCode #WebsiteTemplate #TechStartup","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Introducing "},{"type":"text","text":"OnyxGrid","marks":[{"type":"bold"}]},{"type":"text","text":" — a modern Framer template built for SaaS, startups, and technology companies."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed with a clean visual system, strong typography, and conversion-focused sections, OnyxGrid helps you launch a professional website faster without starting from scratch."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for: • SaaS & tech startups • AI products • Web apps • Digital platforms • Software companies • Modern startups"}]},{"type":"paragraph","content":[{"type":"text","text":"Build less. Launch faster. Make a stronger first impression."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"#Framer #FramerTemplate #SaaS #Startup #WebDesign #UIUX #NoCode #WebsiteTemplate #TechStartup"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/90fa5f8a-abdf-4939-b128-58c437668dc8/01a0bf28-cba0-720f-a606-b72ad70fa2b7.webp","targetDeleted":false,"owned":false,"actions":{"postId":"01a0bf29-360c-7067-9ac1-3fd1f2ca8691","like":{"count":2,"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-20T16:10:23.766Z","latestAt":"2026-09-20T16:10:23.766Z"},{"id":"01a0bf95-3888-73bd-b170-228bb2ab0adb","type":"template.liked","target":{"type":"template","id":"73454","preview":"Showa Vending","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/9092bcb5-9dd9-4aea-90bc-7c250f163d1e/01a0bf25-c329-7608-ba6e-f8418db30cae.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-20T16:10:22.723Z","latestAt":"2026-09-20T16:10:22.723Z"},{"id":"01a0bf95-3305-773c-a667-1c5ddf91bd81","type":"component.liked","target":{"type":"component","id":"U4df8FxjXkSXWDopLElS","preview":"Portfolio Marquee","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d84b3af4-cf3a-4f8c-a330-137560bb6207/01a0bf31-853b-70e9-8c11-1e1448156cf3.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-20T16:10:21.312Z","latestAt":"2026-09-20T16:10:21.312Z"},{"id":"01a0bf95-2df0-7134-bc55-cd13ee0371d2","type":"post.liked","target":{"type":"post","id":"01a0bf38-b4cd-73ea-a63a-1159067c49a9","preview":"Sunday chilling ✨\nWhat are you up to?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Sunday chilling ✨"}]},{"type":"paragraph","content":[{"type":"text","text":"What are you up to?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0bf38-b4cd-73ea-a63a-1159067c49a9","like":{"count":8,"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-20T16:10:20.013Z","latestAt":"2026-09-20T16:10:20.013Z"},{"id":"01a0bf95-2779-70eb-ba28-e17ac15226bf","type":"post.liked","target":{"type":"post","id":"01a0bf46-8869-7709-b471-83c01064c04d","preview":"One of the most premium components I’ve built so far.\nPortfolio Marquee\nAn editorial project showcase with an infinite image marquee, hover enlargement, project navigation, previews, and CTAs. \nand yes, It is responsive for all small devices.\nLive Preview here\nThe kind of component I’d actually want to build a portfolio around.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"One of the most premium components I’ve built so far."}]},{"type":"paragraph","content":[{"type":"text","text":"Portfolio Marquee","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/MiX6MYk","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"An editorial project showcase with an infinite image marquee, hover enlargement, project navigation, previews, and CTAs. "}]},{"type":"paragraph","content":[{"type":"text","text":"and yes, It is responsive for all small devices."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview here","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://portfoliomarquee.framer.website/","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The kind of component I’d actually want to build a portfolio around."}]}]},"thumbnail":"https://image.mux.com/oxZOBrpjOpyWRxyO8jB4n00AjKQT4KpeKxr02UU300lw028/thumbnail.webp?time=2.7","targetDeleted":false,"owned":false,"actions":{"postId":"01a0bf46-8869-7709-b471-83c01064c04d","like":{"count":5,"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-20T16:10:18.358Z","latestAt":"2026-09-20T16:10:18.358Z"},{"id":"01a0bf95-2301-769d-995d-471e77a7879f","type":"post.liked","target":{"type":"post","id":"01a0beb7-910e-760f-a022-6f50b45524b3","preview":"the $10k goal is complete.\nthis should not be free.\nbut i made the most complete SaaS template on Framer FREE.\n20+ pages. studio-quality design.\nlink in the comments.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"the $10k goal is complete."}]},{"type":"paragraph","content":[{"type":"text","text":"this should not be free."}]},{"type":"paragraph","content":[{"type":"text","text":"but i made the most complete SaaS template on Framer FREE."}]},{"type":"paragraph","content":[{"type":"text","text":"20+ pages. studio-quality design."}]},{"type":"paragraph","content":[{"type":"text","text":"link in the comments. "}]}]},"thumbnail":"https://image.mux.com/xtKuJ02eeyJfFt7DHVdQpmTTqktKjP8DTH48OFPz00468/thumbnail.webp?time=13.266","targetDeleted":false,"owned":false,"actions":{"postId":"01a0beb7-910e-760f-a022-6f50b45524b3","like":{"count":10,"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-20T16:10:17.213Z","latestAt":"2026-09-20T16:10:17.213Z"},{"id":"01a0bf95-1ed3-763c-ae7d-4c904e019e13","type":"post.liked","target":{"type":"post","id":"01a0bec1-31c4-77ac-985f-862f5a25d806","preview":"Guillotine Split is a testimonial carousel that does something no other component on the marketplace does: each reviewer's photo physically splits in half and slides apart to reveal the next one underneath — a cinematic, deliberate reveal that turns a section visitors normally scroll past into one they actually watch.\n📦 What's included\nThe full Guillotine Split component, pre-built for 5 reviews\nDesktop, Tablet, and Phone breakpoints, each tuned individually\nAutoplay with pause-on-scroll-away, plus manual dot and arrow navigation\nA written guide for extending from 5 to 7 (or more) reviews\nClean, documented Component Properties\n100% Native without touching a single line of code\nhttps://guilotinesplittestimonial.framer.website","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Guillotine Split is a testimonial carousel that does something no other component on the marketplace does: each reviewer's photo physically splits in half and slides apart to reveal the next one underneath — a cinematic, deliberate reveal that turns a section visitors normally scroll past into one they actually watch.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"📦"},{"type":"text","text":" What's included","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The full Guillotine Split component, pre-built for 5 reviews"}]},{"type":"paragraph","content":[{"type":"text","text":"Desktop, Tablet, and Phone breakpoints, each tuned individually"}]},{"type":"paragraph","content":[{"type":"text","text":"Autoplay with pause-on-scroll-away, plus manual dot and arrow navigation"}]},{"type":"paragraph","content":[{"type":"text","text":"A written guide for extending from 5 to 7 (or more) reviews"}]},{"type":"paragraph","content":[{"type":"text","text":"Clean, documented Component Properties"}]},{"type":"paragraph","content":[{"type":"text","text":"100% Native without touching a single line of code","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"https://guilotinesplittestimonial.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://guilotinesplittestimonial.framer.website","target":"_blank"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/05a709d4-8896-47ec-bf2a-08f0bb794c86/01a0bedf-2b00-728e-8bfa-c58aef0058af.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0bec1-31c4-77ac-985f-862f5a25d806","like":{"count":9,"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-20T16:10:16.143Z","latestAt":"2026-09-20T16:10:16.143Z"},{"id":"01a0bf95-193f-71c9-95c3-72aa7da9a0e8","type":"post.liked","target":{"type":"post","id":"01a0bf63-c977-73fd-954b-7eba92cdf9f3","preview":"Shipping a new Component 💙\non it's way!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Shipping a new Component "},{"type":"emoji","attrs":{"name":"blue_heart","emoji":"💙"}}]},{"type":"paragraph","content":[{"type":"text","text":"on it's way!"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0d4b25ad-b3a0-492c-9d87-caed54811483/01a0bf63-4c26-728b-869d-87bc6c24485b.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0bf63-c977-73fd-954b-7eba92cdf9f3","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-20T16:10:14.714Z","latestAt":"2026-09-20T16:10:14.714Z"},{"id":"01a0bf95-1249-7673-a1d7-44f5fa8b9131","type":"template.liked","target":{"type":"template","id":"73456","preview":"PlumbFix","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/378e7b94-2e78-453a-acc7-28524383ece1/01a0bf67-b0c4-70c9-8012-fad836bc5768.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-20T16:10:12.932Z","latestAt":"2026-09-20T16:10:12.932Z"},{"id":"01a0bf95-0ec8-7714-b9ea-6406de060932","type":"post.liked","target":{"type":"post","id":"01a0bea8-8529-76ca-9484-7e7c5f754e63","preview":"OVERLAP — Interaction 02\nDepth can be part of the navigation.\nInstead of treating every project as an isolated card, OVERLAP lets them move through the same visual space.\nThe layering creates hierarchy, rhythm and a stronger sense of continuity between projects.\nhttps://framer.link/b6Ttzsy","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"OVERLAP","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/b6Ttzsy","target":"_blank"}},{"type":"bold"}]},{"type":"text","text":" — Interaction 02","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Depth can be part of the navigation."}]},{"type":"paragraph","content":[{"type":"text","text":"Instead of treating every project as an isolated card, OVERLAP lets them move through the same visual space."}]},{"type":"paragraph","content":[{"type":"text","text":"The layering creates hierarchy, rhythm and a stronger sense of continuity between projects."}]},{"type":"paragraph","content":[{"type":"text","text":"https://framer.link/b6Ttzsy","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/b6Ttzsy","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/x1gkrhDOVphX28eAFp702TZtCS4PnINmTJ02RyKPXTWQ8/thumbnail.webp?time=6.4","targetDeleted":false,"owned":false,"actions":{"postId":"01a0bea8-8529-76ca-9484-7e7c5f754e63","like":{"count":12,"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-20T16:10:12.035Z","latestAt":"2026-09-20T16:10:12.035Z"},{"id":"01a0bf95-0945-756b-ab77-140d14c0b330","type":"component.liked","target":{"type":"component","id":"Vhxa0aAVB21lE3EJTOJD","preview":"AI Chat Demo Pro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/13538a02-79f2-48b8-b8c3-7e175dfdf1c8/01a0bfa3-8fd2-719b-b72b-7bdebe042938.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-20T16:10:10.626Z","latestAt":"2026-09-20T16:10:10.626Z"},{"id":"01a0bf95-035f-7355-8ef6-956ad9747c4b","type":"post.liked","target":{"type":"post","id":"01a0bf75-896c-752c-b40a-7f6b986e8e2f","preview":"Checkout Novuq- A High-End Portfolio Template for Designers\nCurrently ranked at #101 in portfolio category.\nIt's completely free and you can get it from here- https://framer.link/fYJh0ZC\nLive Preview- https://novuq.framer.website/","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Checkout Novuq- A High-End Portfolio Template for Designers"}]},{"type":"paragraph","content":[{"type":"text","text":"Currently ranked at #101 in portfolio category."}]},{"type":"paragraph","content":[{"type":"text","text":"It's completely free and you can get it from here- "},{"type":"text","text":"https://framer.link/fYJh0ZC","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/fYJh0ZC","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Live Preview- "},{"type":"text","text":"https://novuq.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://novuq.framer.website/","target":"_blank"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/79aa6e64-5a90-4135-9e50-b93ce7c5a8a1/01a0bf63-bae1-746f-9e09-063f92d2dc00.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0bf75-896c-752c-b40a-7f6b986e8e2f","like":{"count":2,"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-20T16:10:09.113Z","latestAt":"2026-09-20T16:10:09.113Z"},{"id":"01a0bf94-f629-702d-aa02-f61bbdae34db","type":"template.liked","target":{"type":"template","id":"73457","preview":"Clarixx","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d465dc9c-a1bb-4ef2-8c27-a864f1f04470/01a0bf71-4f7f-76ce-a303-b422e5e5f7eb.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-20T16:10:05.732Z","latestAt":"2026-09-20T16:10:05.732Z"},{"id":"01a0bf94-ebf7-753d-af45-a46b6ac960d3","type":"post.liked","target":{"type":"post","id":"01a0bf20-e64e-747d-b103-f661e83a742b","preview":"Just gonna drop this here. ☕️ how was the weekend, btw? https://framer.link/QE04sgD\nA playful way for brands to give key words, ingredients, product details or brand values more presence— or simply give the page a little more vibe without needing another big content section.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just gonna drop this here.","marks":[{"type":"bold"}]},{"type":"text","text":" ☕️ "},{"type":"text","text":"how was the weekend, btw? ","marks":[{"type":"bold"}]},{"type":"text","text":"https://framer.link/QE04sgD","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/QE04sgD","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"A playful way for brands to give key words, ingredients, product details or brand values more presence— or simply "},{"type":"text","text":"give the page a little more vibe","marks":[{"type":"bold"}]},{"type":"text","text":" without needing another big content section."}]}]},"thumbnail":"https://image.mux.com/QhYYSMYqYlYpES9EhhUMLNwvzMmMWO7z8Ub5bPI8JAI/thumbnail.webp?time=6.667","targetDeleted":false,"owned":false,"actions":{"postId":"01a0bf20-e64e-747d-b103-f661e83a742b","like":{"count":14,"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-20T16:10:03.120Z","latestAt":"2026-09-20T16:10:03.120Z"},{"id":"01a0bf94-e557-74ba-b737-e47ed173097a","type":"post.liked","target":{"type":"post","id":"01a0bf20-781d-779c-bea5-8324bb7f3a43","preview":"Give your images a bigger stage 🎬 For Free!\n👉 Check it out here\nOur new Cinematic Carousel for Framer lets your visuals open up into large panels with smooth transitions. A little cinematic moment for your next project :)","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Give your images a bigger stage 🎬 For Free!","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"👉 Check it out here","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/4S9NKun","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Our new Cinematic Carousel for Framer lets your visuals open up into large panels with smooth transitions. A little cinematic moment for your next project :)"}]},{"type":"paragraph"}]},"thumbnail":"https://image.mux.com/01gnlzAcN01HJc1r7UB9UH902qgTZckPextuPpE02a8v9S8/thumbnail.webp?time=2.17","targetDeleted":false,"owned":false,"actions":{"postId":"01a0bf20-781d-779c-bea5-8324bb7f3a43","like":{"count":8,"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-20T16:10:01.428Z","latestAt":"2026-09-20T16:10:01.428Z"},{"id":"01a0bf94-e09f-716e-80b2-6607676fc220","type":"post.liked","target":{"type":"post","id":"01a0bf40-7401-74cd-9cbb-c569c80c34cc","preview":"Calendar Look Dashboard 📅","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Calendar Look Dashboard "},{"type":"emoji","attrs":{"name":"date","emoji":"📅"}}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d6ef9b12-d9d1-4e53-9f14-2b2e53c8ddd7/01a0bf40-5fe5-73e7-b6fb-0f433de99159.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0bf40-7401-74cd-9cbb-c569c80c34cc","like":{"count":9,"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-20T16:10:00.219Z","latestAt":"2026-09-20T16:10:00.219Z"},{"id":"01a0bf94-dc06-70c9-a67f-8f79d6f7f4c0","type":"post.liked","target":{"type":"post","id":"01a0bf7d-57e8-75e1-bcb3-cd138061485c","preview":"Recently cooked this landing page and ngl, it’s one of my favorites now.\nBuilt to make the brand feel premium, build trust fast, and turn more visitors into customers.\nIf your website isn’t doing that yet, lets talk!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Recently cooked this landing page and ngl, it’s one of my favorites now."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Built to make the brand feel premium, build trust fast, and turn more visitors into customers."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"If your website isn’t doing that yet, lets talk!"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/eff5ee39-b4fb-4574-a1cd-9c718d0ac724/01a0bf7d-3f2e-76fa-b48b-67c6f87af874.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0bf7d-57e8-75e1-bcb3-cd138061485c","like":{"count":4,"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-20T16:09:59.037Z","latestAt":"2026-09-20T16:09:59.037Z"},{"id":"01a0bf94-ca85-76d9-8b07-86fd976d6fd3","type":"template.liked","target":{"type":"template","id":"73458","preview":"Atelier Nørd","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7fee6330-445b-4d0e-9505-9dfd62a5545f/01a0bf7e-e6a4-7008-863d-e22b55e31b91.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-20T16:09:54.559Z","latestAt":"2026-09-20T16:09:54.559Z"},{"id":"01a0bf94-c478-752d-afae-15817575236b","type":"post.liked","target":{"type":"post","id":"01a0bf93-accc-7516-9c28-4987dad262e3","preview":"You can now attach images in Dexter.\nScreenshot a landing page you like and ask for something similar. Drop in a mood board. Or attach an image you want placed directly on the canvas.\nAttach it, say what you want, and your own Claude Code or Codex agent takes it from there running on the subscription you already pay for.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"You can now attach images in "},{"type":"text","text":"Dexter","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://dexterplugin.online/","target":"_blank"}}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Screenshot a landing page you like and ask for something similar. Drop in a mood board. Or attach an image you want placed directly on the canvas."}]},{"type":"paragraph","content":[{"type":"text","text":"Attach it, say what you want, and your own Claude Code or Codex agent takes it from there running on the subscription you already pay for."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/f54ec92c-f3af-4ffc-8a97-8aed7dd24eeb/01a0bf92-bd11-7039-a1ff-8fb713e87c61.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0bf93-accc-7516-9c28-4987dad262e3","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-20T16:09:53.011Z","latestAt":"2026-09-20T16:09:53.011Z"}],"pagination":{"next":"MjAyNi0wOS0yMFQxNjowOTo1My4wMTFafDAxYTBiZjk0LWM0NzgtNzUyZC1hZmFlLTE1ODE3NTc1MjM2Yg","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":"$63","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":"