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

Features

2 variants: Popular and Basic
Switch between Paid and Free pricing mode
Choose between 3-7 features
Mutable feature states
Responsive: set Width to Fill to adapt to any layout
100% Framer native

Example

Built for every pricing tier.

Tutorial

If you’re new to Framer this tutorial will help you better understand Framer components:

Intro to Components by Framer.

ㅤ

🔷 Made by Azardam Studio 🔷

64:T84c,

Overview

This is a dark-themed navigation link button with a bracketed monospaced index label. On hover, the background fills, the text slides right, and an arrow appears, creating a clean, directional interaction that fits dark portfolio and agency layouts.

Features

Works on both dark and light backgrounds, just adjust the colors accordingly.
100% Framer native: Built entirely without code

Property Controls:

Variant: switch between available animation variants (There are also Tablet and Phone variants; switch to the appropriate variant on each breakpoint.)
Index: the bracketed label (e.g. [01])
Title: the link label text
Color: controls the index, title, and arrow color
Hover Fill Color: the background fill color on hover
Hover Fill Opacity: controls the opacity of the fill color on hover, don't go above 0.3, use only on "Flash Sweep" and "Flash Only" variants.
Link: attach a URL or page link
New Tab: opens the link in a new tab
Smooth Scroll: enable smooth scrolling behavior

The button width can be set to Fixed and you can enter any value you need. On mobile, switching to Fill is recommended so the button stretches to fit the screen.

Tutorial

If you’re new to Framer this tutorial will help you better understand Framer components:

Intro to Components by Framer.

ㅤ

🔷 Made by Azardam Studio 🔷

65:T47e,

A set of 32 social media icons, ready to use in any Framer project. Each icon is built as a vector, ensuring crisp quality at any size.

Easily adjust color and size to match your design.

This set includes these vector icons:

Behance
Contra
Dribbble
Discord
Etsy
Facebook
Figma
Framer
GitHub
GitLab
Google
Instagram
LinkedIn
Mastodon
Medium
Patreon
PayPal
Pinterest
Product Hunt
Reddit
Shopify
Slack
Snapchat
Substack
Telegram
Threads
TikTok
Vimeo
WhatsApp
Webflow
X (Twitter)
YouTube

ㅤ

🔷 Made by Azardam Studio 🔷

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-26118f1e-6919-45e0-8204-a63a47bcb8a5-all:/unified/creator/26118f1e-6919-45e0-8204-a63a47bcb8a5/activity/":[{"data":[{"id":"01a0b600-b0a7-77db-b81b-5ada5e58288e","type":"creator.followed","target":{"type":"creator","id":"a1e0c773-d1ab-4dc1-86de-645157218a97","preview":"BuiltByKern","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/a1e0c773-d1ab-4dc1-86de-645157218a97/vd6q2r4n","slug":"builtbykern","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","slug":"azardam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T19:31:33.664Z","latestAt":"2026-09-18T19:31:33.664Z"},{"id":"01a0af9d-ee95-77af-bd11-fd4d7ed07ada","type":"comment.created","target":{"type":"post","id":"01a0a06e-bd27-7488-a8ad-e9a590b8c8f0","preview":"Shader Footer","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/c3bff3a7-7c7d-4186-83a4-ec14bfdad6e4/01a0a06d-de1e-775d-b025-e1ef5a95824f.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0a06e-bd27-7488-a8ad-e9a590b8c8f0","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0af9d-ee7f-7029-a621-f7c809b9b0a0","preview":"Check your DMs on X","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Check your DMs on X"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0a06e-bd27-7488-a8ad-e9a590b8c8f0","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0af9d-ee7f-7029-a621-f7c809b9b0a0"},"repost":null}},"actors":[{"id":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","slug":"azardam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T13:45:58.165Z","latestAt":"2026-09-17T13:45:58.165Z"},{"id":"01a0ae67-c21a-76ff-8c86-70330f0d3513","type":"creator.followed","target":{"type":"creator","id":"e9e6ac6e-e154-4a45-bd41-8f8003c3c599","preview":"Lauren Negron","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1983238/avatar-1M5iJRlrXVprnlWKw9GTtfyrrB1dX7.jpg","slug":"lauren-negron","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","slug":"azardam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T08:07:10.614Z","latestAt":"2026-09-17T08:07:10.614Z"},{"id":"019edaab-d58d-721b-a8f5-0a000c3cd6cd","type":"creator.followed","target":{"type":"creator","id":"ffcddbe5-39a0-46ce-966d-0d81e2e5a315","preview":"Krutik Maru","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28785/avatar-Rqr0w4MougpWGZsM6BoWhI3TrypPUh.jpg","slug":"krutikmaru","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","slug":"azardam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-15T11:22:58.550Z","latestAt":"2026-09-15T11:22:58.550Z"},{"id":"01a099fd-1d2d-7084-ad6e-0e696b5c0412","type":"creator.followed","target":{"type":"creator","id":"94772ad7-baad-4763-bd35-365704374dc3","preview":"Matt","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/94772ad7-baad-4763-bd35-365704374dc3/tlc8u3mt","slug":"matthias-oel","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","slug":"azardam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-13T08:58:17.249Z","latestAt":"2026-09-13T08:58:17.249Z"},{"id":"01a099f1-6705-715c-ad73-ba8cb7edbb47","type":"template.liked","target":{"type":"template","id":"72936","preview":"Happy Paws","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1cc58a0e-e5a9-4e2a-ae11-a072ed39e4d5/01a09770-aab7-7147-a1be-ef3c0a74d89a.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","slug":"azardam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-13T08:45:29.729Z","latestAt":"2026-09-13T08:45:29.729Z"},{"id":"01a090f2-c8a4-7254-b433-fdca8108449a","type":"creator.followed","target":{"type":"creator","id":"e4963e7a-50a2-4343-9e4b-cd660f2a3c6e","preview":"Fred Moon","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28835/IMG_2764-fYoHMRDuXpfEvr4mKyO4ziQuI0kHFO.jpg","slug":"fredmoon","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","slug":"azardam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-11T14:50:25.278Z","latestAt":"2026-09-11T14:50:25.278Z"},{"id":"01a07d66-ef33-7258-a211-ecee2eeeef93","type":"creator.followed","target":{"type":"creator","id":"563714eb-1750-436a-8d0c-0caafcb63e47","preview":"Adam Sebesta","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28848/Profile%20pic%201-KBbXTPmDVdpc0to1t94fshyMXlYT6c.jpg","slug":"sebadam","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","slug":"azardam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-07T19:44:53.037Z","latestAt":"2026-09-07T19:44:53.037Z"},{"id":"01a07d65-f0ee-713e-b9d8-340443a6dc51","type":"comment.created","target":{"type":"post","id":"01a07ace-72de-73d4-b1db-81dfb222c669","preview":"Perfuma Scents","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/563714eb-1750-436a-8d0c-0caafcb63e47/01a07ab7-e384-75fb-bc32-a7f5d6b70c3e.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a07ace-72de-73d4-b1db-81dfb222c669","like":{"count":13,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a07d65-f0d8-70aa-a4cf-8daba179fc4c","preview":"The links in the nav aren't centered.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The links in the nav aren't centered."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a07ace-72de-73d4-b1db-81dfb222c669","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a07d65-f0d8-70aa-a4cf-8daba179fc4c"},"repost":null}},"actors":[{"id":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","slug":"azardam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-07T19:43:47.950Z","latestAt":"2026-09-07T19:43:47.950Z"},{"id":"01a03e7e-b3d5-735d-8497-a141c66ce8e9","type":"comment.created","target":{"type":"post","id":"01a03dbf-c956-75ef-b590-e2c1df41604c","preview":"Whenevr","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/8445035a-a4ca-4abf-ae22-512cab628fcd/01a03dbf-8c4d-75f0-b33c-006756a164ae.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"01a03dbf-c956-75ef-b590-e2c1df41604c","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a03e7e-b3bf-767f-8145-e1eba65db94a","preview":"Try opening and closing the FAQ accordion at the phone breakpoint and tell me if you notice anything weird.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Try opening and closing the FAQ accordion at the phone breakpoint and tell me if you notice anything weird."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a03dbf-c956-75ef-b590-e2c1df41604c","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a03e7e-b3bf-767f-8145-e1eba65db94a"},"repost":null}},"actors":[{"id":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","slug":"azardam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-26T14:34:46.101Z","latestAt":"2026-08-26T14:34:46.101Z"},{"id":"01a03458-0954-71c6-82ae-f243e5d5c5fa","type":"creator.followed","target":{"type":"creator","id":"82da9c63-b526-4125-babc-4bfd13d6777c","preview":"Umar Mirza","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/418111/avatar-z7ktAXdhgPLAEYkpUIiZy6JoMxKSRB.jpg","slug":"umar-mirza","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","slug":"azardam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-24T15:16:19.920Z","latestAt":"2026-08-24T15:16:19.920Z"},{"id":"01a01ece-70cd-727c-b23a-09388654857d","type":"comment.created","target":{"type":"post","id":"01a01197-022a-7428-be9f-3e947b7b909b","preview":"Velora Navigation","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/0365a5a1-29eb-426a-bb58-af7fe6b72ccf/01a01188-dd13-7288-9d91-82ecf75f0898.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a01197-022a-7428-be9f-3e947b7b909b","like":{"count":24,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a01ece-70b6-712c-a5b5-da4b6393b5bd","preview":"Why does Avast give me a phishing warning when I look at your components?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Why does Avast give me a phishing warning when I look at your components?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a01197-022a-7428-be9f-3e947b7b909b","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a01ece-70b6-712c-a5b5-da4b6393b5bd"},"repost":null}},"actors":[{"id":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","slug":"azardam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-20T10:54:00.908Z","latestAt":"2026-08-20T10:54:00.908Z"},{"id":"01a0196c-668d-71b5-bd34-095f5a358ab6","type":"comment.created","target":{"type":"post","id":"01a0191d-b869-764d-bb96-85cd6b989589","preview":"Digiket","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/492da4c7-1f68-44bb-a835-d654f4ede7b8/01a0191d-1a8f-728b-a7ce-54c17191607a.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0191d-b869-764d-bb96-85cd6b989589","like":{"count":14,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0196c-6673-74ee-b884-7bec2ab93622","preview":"I think you should set overflow to visible on the star stack on hero section.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I think you should set overflow to visible on the star stack on hero section."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0191d-b869-764d-bb96-85cd6b989589","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0196c-6673-74ee-b884-7bec2ab93622"},"repost":null}},"actors":[{"id":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","slug":"azardam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-19T09:48:49.677Z","latestAt":"2026-08-19T09:48:49.677Z"},{"id":"019fe2c2-2e2b-777f-a7b4-124f92b88434","type":"creator.followed","target":{"type":"creator","id":"1769bead-c261-498d-a783-0b76dfd3736c","preview":"Umeh Chinonso Vincent","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/28813/avatar-4pOIVozfaswnuegkHi6QRhzwFwpUgf.jpg","slug":"umeh-chinonso","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","slug":"azardam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-08-08T19:03:24.454Z","latestAt":"2026-08-08T19:03:24.454Z"},{"id":"019f9d8e-2bf8-743b-aed1-92d39393a496","type":"creator.followed","target":{"type":"creator","id":"8f70fc94-71cd-4904-8293-cb321b1fba99","preview":"Fluxory Studio","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2555961/Fda-hczRT-CLLOCeUqDyyV2VMtY7lMuHhSV3mHKv","slug":"fluxory-studio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","slug":"azardam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-26T08:32:48.114Z","latestAt":"2026-07-26T08:32:48.114Z"},{"id":"019f94cb-14b4-71fc-82a1-69bf0430fe55","type":"comment.liked","target":{"type":"comment","id":"019ed4d2-787e-77f8-8e66-22e8f04b995c","preview":"Great visual hierarchy","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Great visual hierarchy"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed1b1-d874-717c-99d3-cd39bb5c54b3","like":{"count":2,"liked":false},"reply":{"parentCommentId":"019ed4d2-787e-77f8-8e66-22e8f04b995c"},"repost":null}},"context":{"type":"post","id":"019ed1b1-d874-717c-99d3-cd39bb5c54b3","preview":"Linkov","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/52be60d7-d0f1-4de2-bc51-37b368f3448e/sv33ffcj","targetDeleted":false,"owned":false,"actions":{"postId":"019ed1b1-d874-717c-99d3-cd39bb5c54b3","like":{"count":44,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","slug":"azardam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-24T15:42:44.910Z","latestAt":"2026-07-24T15:42:44.910Z"},{"id":"019f8e3e-af6e-77c9-83e5-9cec23280135","type":"comment.liked","target":{"type":"comment","id":"019f8e37-28de-7572-9737-235fc9622043","preview":"Amazing idea!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Amazing idea!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f8e2d-c300-724d-bfdd-27c15e5f95a4","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f8e37-28de-7572-9737-235fc9622043"},"repost":null}},"context":{"type":"post","id":"019f8e2d-c300-724d-bfdd-27c15e5f95a4","preview":"It would be good if we could save our templates as a draft on the marketplace.\n@Framer @Jorn van Dijk @Andreu","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"It would be good if we could save our templates as a draft on the marketplace."}]},{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "},{"type":"mention","attrs":{"id":"11d8da97-fe40-4d7b-a259-7f3794afeac4","slug":"jornvandijk","label":"Jorn van Dijk","mentionSuggestionChar":"@"}},{"type":"text","text":" "},{"type":"mention","attrs":{"id":"18e62312-a57d-4b83-bb42-c9ae2ee7e746","slug":"andreu","label":"Andreu","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f8e2d-c300-724d-bfdd-27c15e5f95a4","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","slug":"azardam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-23T09:11:40.643Z","latestAt":"2026-07-23T09:11:40.643Z"},{"id":"019f8e3c-a8fe-769a-96b0-0174c24b2290","type":"comment.liked","target":{"type":"comment","id":"019f8e36-6a71-7595-9c63-55c00a6a1e34","preview":"Soon!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Soon!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f8e2d-c300-724d-bfdd-27c15e5f95a4","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f8e36-6a71-7595-9c63-55c00a6a1e34"},"repost":null}},"context":{"type":"post","id":"019f8e2d-c300-724d-bfdd-27c15e5f95a4","preview":"It would be good if we could save our templates as a draft on the marketplace.\n@Framer @Jorn van Dijk @Andreu","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"It would be good if we could save our templates as a draft on the marketplace."}]},{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "},{"type":"mention","attrs":{"id":"11d8da97-fe40-4d7b-a259-7f3794afeac4","slug":"jornvandijk","label":"Jorn van Dijk","mentionSuggestionChar":"@"}},{"type":"text","text":" "},{"type":"mention","attrs":{"id":"18e62312-a57d-4b83-bb42-c9ae2ee7e746","slug":"andreu","label":"Andreu","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f8e2d-c300-724d-bfdd-27c15e5f95a4","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","slug":"azardam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-23T09:09:27.920Z","latestAt":"2026-07-23T09:09:27.920Z"},{"id":"019f8a1e-8caa-76cd-9953-e0a579839058","type":"creator.followed","target":{"type":"creator","id":"a3a50c10-7d16-410f-8a82-19525b1f5ba2","preview":"Arini Studio LLC","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29247/avatar-e0gYlLBVVN9BbdX6o2q98TKsuGpZCG.jpg","slug":"arinistudio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","slug":"azardam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-22T13:58:05.733Z","latestAt":"2026-07-22T13:58:05.733Z"},{"id":"019f8a0f-d8eb-71d9-a022-83c3c9d7c190","type":"creator.followed","target":{"type":"creator","id":"830039ba-56b1-42fc-a371-361e8f7a1e4c","preview":"RedDevs","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/70334/avatar-q9VjO21hdl19yEZkkQj3EgY306N2Yq.jpg","slug":"reddevs","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","slug":"azardam","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-22T13:42:02.213Z","latestAt":"2026-07-22T13:42:02.213Z"}],"pagination":{"next":"MjAyNi0wNy0yMlQxMzo0MjowMi4yMTNafDAxOWY4YTBmLWQ4ZWItNzFkOS1hMDIyLTgzYzNjOWQ3YzE5MA","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:26118f1e-6919-45e0-8204-a63a47bcb8a5:/unified/posts/?creator=26118f1e-6919-45e0-8204-a63a47bcb8a5&with=reposts":[{"data":[{"id":"019f8e2d-c300-724d-bfdd-27c15e5f95a4","title":null,"body":"

It would be good if we could save our templates as a draft on the marketplace.

@Framer @Jorn van Dijk @Andreu

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"It would be good if we could save our templates as a draft on the marketplace."}]},{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "},{"type":"mention","attrs":{"id":"11d8da97-fe40-4d7b-a259-7f3794afeac4","slug":"jornvandijk","label":"Jorn van Dijk","mentionSuggestionChar":"@"}},{"type":"text","text":" "},{"type":"mention","attrs":{"id":"18e62312-a57d-4b83-bb42-c9ae2ee7e746","slug":"andreu","label":"Andreu","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]}]},"author":{"framerUserId":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","slug":"azardam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","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":3,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-23T08:53:11.559Z","updatedAt":"2026-07-23T08:53:11.559Z"},{"id":"019f2ddc-6fe5-76fb-bae9-9d8bcef5eb56","title":null,"body":"

What do you think?

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"What do you think?"}]}]},"author":{"framerUserId":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","slug":"azardam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/73sxybol","metadata":{"tint":{"h":200,"s":64,"l":22},"width":948,"height":611}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"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-04T16:00:49.131Z","updatedAt":"2026-07-04T16:00:49.131Z"},{"id":"019edb81-9f34-7609-b0d7-533089547dc1","title":null,"body":"

What do you think about this?

@Framer @Jorn van Dijk @Andreu

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"What do you think about this?","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" "},{"type":"mention","attrs":{"id":"11d8da97-fe40-4d7b-a259-7f3794afeac4","slug":"jornvandijk","label":"Jorn van Dijk","mentionSuggestionChar":"@"}},{"type":"text","text":" "},{"type":"mention","attrs":{"id":"18e62312-a57d-4b83-bb42-c9ae2ee7e746","slug":"andreu","label":"Andreu","mentionSuggestionChar":"@"}},{"type":"text","text":" "}]},{"type":"paragraph"}]},"author":{"framerUserId":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","slug":"azardam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/c1k3c1db","metadata":{"tint":{"h":0,"s":0,"l":57},"width":776,"height":557}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":6},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-18T16:12:45.752Z","updatedAt":"2026-06-18T16:12:45.752Z"},{"id":"019e9bd1-7253-7ab8-b14c-440e14c695c9","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","slug":"azardam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","followed":false,"followsYou":false},"media":[],"resources":[{"id":"9Ej59p5gqZuD5I5pRGIR","resolved":true,"title":"Glass Pricing Card","body":"$63","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"2 variants: Popular and Basic"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Switch between Paid and Free pricing mode"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Choose between 3-7 features"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mutable feature states"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive: set Width to Fill to adapt to any layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"100% Framer native"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Example"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Built for every pricing tier."}]},{"type":"customImage","attrs":{"alt":"","src":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-eprype2f-QyqOCPFcAzZ1XteYW6Pxa1Lpb1QZk9","link":null,"caption":"","uploadId":null}},{"type":"customHeading","content":[{"type":"text","text":"Tutorial"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"If you’re new to Framer this tutorial will help you better understand Framer components:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Intro to Components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/clesson","target":"_blank"}}]},{"type":"text","text":" by Framer."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"ㅤ"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"large_blue_diamond","emoji":"🔷"}},{"type":"text","text":" Made by "},{"type":"text","text":"Azardam Studio","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/azardam","target":"_blank"}}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"large_blue_diamond","emoji":"🔷"}}]}]},"introduction":"Glass effect for pricing tiers.","slug":"glasspricing","author":{"framerUserId":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","slug":"azardam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/9Ej59p5gqZuD5I5pRGIR/glasspricing-cdeoYEnkN3VvfieO32BKf0GxhcyWYk","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-03T10:30:58.313Z","updatedAt":"2026-08-25T16:08:23.137Z","publishedAt":"2026-06-06T07:24:15.315Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/GlassPricing-Julm83.js@3b1Nnv1FPMpWccIULJT7","previewUrl":"https://glasspricing.framer.media/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"3b1Nnv1FPMpWccIULJT7","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-06T07:24:15.315Z","updatedAt":"2026-06-06T07:24:15.315Z"},{"id":"019e9bce-8c6d-7339-8db2-490c881981f2","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","slug":"azardam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","followed":false,"followsYou":false},"media":[],"resources":[{"id":"C2xlzMUQMbC2RoBJdNzl","resolved":true,"title":"Proof Slider","body":"

Features

100 % Framer native
Responsive (just set width to fill)
Easy to customize

Tutorial

If you’re new to Framer this tutorial will help you better understand Framer components:

Intro to Components by Framer.

ㅤ

🔷 Made by Azardam Studio 🔷

","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":1}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"100 % Framer native"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive (just set width to fill)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy to customize"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Tutorial"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you’re new to Framer this tutorial will help you better understand Framer components:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Intro to Components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/clesson","target":"_blank"}}]},{"type":"text","text":" by Framer."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"ㅤ"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"large_blue_diamond","emoji":"🔷"}},{"type":"text","text":" Made by "},{"type":"text","text":"Azardam Studio","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/azardam","target":"_blank"}}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"large_blue_diamond","emoji":"🔷"}}]}]},"introduction":"Testimonials","slug":"proof-slider","author":{"framerUserId":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","slug":"azardam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/C2xlzMUQMbC2RoBJdNzl/proof-slider-mPfEnUzqCLyhUg0dCngc2PNFLE3j1y","metadata":{"tint":{"h":204,"s":51,"l":35},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-26T09:06:48.432Z","updatedAt":"2026-08-25T16:03:55.449Z","publishedAt":"2026-06-06T07:21:05.389Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Proof-Slider-68lyJE.js@xI3HfLkpeYckE3P5jTxh","previewUrl":"https://proofslider.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"xI3HfLkpeYckE3P5jTxh","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-06T07:21:05.389Z","updatedAt":"2026-06-06T07:21:05.389Z"},{"id":"019e9bce-7043-76b9-8bd0-3c79561f72dd","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","slug":"azardam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","followed":false,"followsYou":false},"media":[],"resources":[{"id":"JZiedHCDbolJLeoF3XOH","resolved":true,"title":"Big Knob Toggle","body":"

Tutorial

If you’re new to Framer this tutorial will help you better understand Framer components:

Intro to Components by Framer.

ㅤ

🔷 Made by Azardam Studio 🔷

","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Tutorial"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you’re new to Framer this tutorial will help you better understand Framer components:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Intro to Components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/clesson","target":"_blank"}}]},{"type":"text","text":" by Framer."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"ㅤ"}]},{"type":"paragraph","content":[{"type":"text","text":"ㅤ"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"large_blue_diamond","emoji":"🔷"}},{"type":"text","text":" Made by "},{"type":"text","text":"Azardam Studio","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/azardam","target":"_blank"}}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"large_blue_diamond","emoji":"🔷"}}]}]},"introduction":"The art of the oversized element.","slug":"blobble","author":{"framerUserId":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","slug":"azardam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/JZiedHCDbolJLeoF3XOH/blobble-oGDx7ljo7yfbkth13hL1e7je7M6qxT","metadata":{"tint":{"h":0,"s":0,"l":33},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-01T08:38:36.054Z","updatedAt":"2026-08-25T16:02:30.520Z","publishedAt":"2026-06-06T07:20:58.179Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Blobble-YxDMSE.js@zo1JIenqcafZfA2l3JE4","previewUrl":"https://blobble.framer.media/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"zo1JIenqcafZfA2l3JE4","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-06T07:20:58.179Z","updatedAt":"2026-06-06T07:20:58.179Z"},{"id":"019e9bcc-8e1a-7dcc-9895-de72ae87a2f7","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","slug":"azardam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","followed":false,"followsYou":false},"media":[],"resources":[{"id":"kJUNFZwhhe3Wtw5Zs0oo","resolved":true,"title":"Arc Flow Button","body":"

This component is 100% Framer native.

Watch this YT video to learn how to change the button color.

Tutorial

If you’re new to Framer this tutorial will help you better understand Framer components:

Intro to Components by Framer.

ㅤ

🔷 Made by Azardam Studio 🔷

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This component is 100% Framer native."}]},{"type":"paragraph","content":[{"type":"text","text":"Watch "},{"type":"text","text":"this YT video","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://youtu.be/odw2yqohpnk","class":null,"target":"_blank"}}]},{"type":"text","text":" to learn how to change the button color."}]},{"type":"customHeading","content":[{"type":"text","text":"Tutorial"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you’re new to Framer this tutorial will help you better understand Framer components:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Intro to Components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/clesson","target":"_blank"}}]},{"type":"text","text":" by Framer."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"ㅤ"}]},{"type":"paragraph","content":[{"type":"text","text":"ㅤ"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"large_blue_diamond","emoji":"🔷"}},{"type":"text","text":" Made by "},{"type":"text","text":"Azardam Studio","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://framer.link/azardam","target":"_blank"}}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"large_blue_diamond","emoji":"🔷"}}]}]},"introduction":"Smooth arc-shaped motion on hover.","slug":"arcflow-button","author":{"framerUserId":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","slug":"azardam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/kJUNFZwhhe3Wtw5Zs0oo/arcflow-button-dpKaxn5G4k9lzKoFv8uPnmi7g61SEu","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-27T11:03:51.587Z","updatedAt":"2026-08-25T16:01:16.137Z","publishedAt":"2026-06-06T07:18:54.746Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/ArcFlow-Button-6YlJB1.js@OSrMMqDExbIuyx5eULrK","previewUrl":"https://arcflowbtn.framer.media/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"OSrMMqDExbIuyx5eULrK","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-06T07:18:54.746Z","updatedAt":"2026-06-06T07:18:54.746Z"},{"id":"019e63dc-bb7d-717a-b0d9-2be316304765","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","slug":"azardam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","followed":false,"followsYou":false},"media":[],"resources":[{"id":"g2kMChPZWxawIR5jYyu0","resolved":true,"title":"Flash Sweep Button","body":"$64","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Overview"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"This is a dark-themed navigation link button with a bracketed monospaced index label. On hover, the background fills, the text slides right, and an arrow appears, creating a clean, directional interaction that fits dark portfolio and agency layouts."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Works on both dark and light backgrounds, just adjust the colors accordingly."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"100% Framer native","marks":[{"type":"bold"}]},{"type":"text","text":": Built entirely without code"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Property Controls:"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Variant","marks":[{"type":"bold"}]},{"type":"text","text":": switch between available animation variants (There are also Tablet and Phone variants; switch to the appropriate variant on each breakpoint.)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Index","marks":[{"type":"bold"}]},{"type":"text","text":": the bracketed label (e.g. [01])"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Title","marks":[{"type":"bold"}]},{"type":"text","text":": the link label text"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Color","marks":[{"type":"bold"}]},{"type":"text","text":": controls the index, title, and arrow color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover Fill Color","marks":[{"type":"bold"}]},{"type":"text","text":": the background fill color on hover"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover Fill Opacity","marks":[{"type":"bold"}]},{"type":"text","text":": controls the opacity of the fill color on hover, don't go above 0.3, use only on \"Flash Sweep\" and \"Flash Only\" variants."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Link","marks":[{"type":"bold"}]},{"type":"text","text":": attach a URL or page link"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"New Tab","marks":[{"type":"bold"}]},{"type":"text","text":": opens the link in a new tab"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth Scroll","marks":[{"type":"bold"}]},{"type":"text","text":": enable smooth scrolling behavior"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"The button width can be set to Fixed and you can enter any value you need. On mobile, switching to "},{"type":"text","text":"Fill","marks":[{"type":"bold"}]},{"type":"text","text":" is recommended so the button stretches to fit the screen."}]},{"type":"customHeading","content":[{"type":"text","text":"Tutorial"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you’re new to Framer this tutorial will help you better understand Framer components:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Intro to Components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/clesson","target":"_blank"}}]},{"type":"text","text":" by Framer."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"ㅤ"}]},{"type":"paragraph","content":[{"type":"text","text":"ㅤ"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"large_blue_diamond","emoji":"🔷"}},{"type":"text","text":" Made by "},{"type":"text","text":"Azardam Studio ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/azardam","target":"_blank"}}]},{"type":"emoji","attrs":{"name":"large_blue_diamond","emoji":"🔷"}}]}]},"introduction":"Smooth light sweep effect","slug":"sweepx","author":{"framerUserId":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","slug":"azardam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/g2kMChPZWxawIR5jYyu0/sweepx-3Yc9ww3AfWtEa1ujvx8IaSuDReOcN8","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-14T12:49:01.625Z","updatedAt":"2026-08-25T15:59:47.984Z","publishedAt":"2026-05-26T10:37:50.845Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Sweepx-ZJhuRR.js@Sph8cD2JvpzT27810VP5","previewUrl":"https://sweepx.framer.media/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"Sph8cD2JvpzT27810VP5","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-05-26T10:37:50.845Z","updatedAt":"2026-05-26T10:37:50.845Z"},{"id":"019e3f91-c99d-7493-821d-41865d9acb08","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","slug":"azardam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","followed":false,"followsYou":false},"media":[],"resources":[{"id":"qtvV74ssZ1qGQ7xrfDwX","resolved":true,"title":"Azardam Social Icons","body":"$65","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A set of 32 social media icons, ready to use in any Framer project. Each icon is built as a vector, ensuring crisp quality at any size."}]},{"type":"paragraph","content":[{"type":"text","text":"Easily adjust color and size to match your design."}]},{"type":"paragraph","content":[{"type":"text","text":"This set includes these vector icons:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Behance"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contra"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dribbble"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Discord"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Etsy"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Facebook"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Figma"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"GitHub"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"GitLab"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Google"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Instagram"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"LinkedIn"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Mastodon"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Medium"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Patreon"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"PayPal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pinterest"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product Hunt"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reddit"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shopify"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Slack"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Snapchat"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Substack"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Telegram"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Threads"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"TikTok"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Vimeo"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"WhatsApp"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Webflow"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"X (Twitter)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"YouTube"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"ㅤ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"🔷 Made by "},{"type":"text","text":"Azardam Studio","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/azardam","class":null,"target":"_blank"}}]},{"type":"text","text":" 🔷"}]}]},"introduction":"Essential and high-quality","slug":"admantos-social","author":{"framerUserId":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","slug":"azardam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/vector-sets/admantos-social/u1ztlfkv-bztsLjYudcA69ugEl824cJsMN7d75i","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/vector-sets/admantos-social/astkaobr-SOc8qqPkKaR13lKkM1Q2PXBGKA16JK","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/vector-sets/admantos-social/8uvrhrx1-6q3D3Ssyh1Y68NfnC8DeUkG4zbtHPY","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/vector-sets/admantos-social/orz5wyff","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-18T12:42:14.963Z","updatedAt":"2026-09-18T18:48:28.414Z","publishedAt":"2026-05-19T09:29:39.485Z","featuredAt":null,"approvedAt":null,"type":"vector","attributes":{"url":"https://framer.com/m/Behance-BC2t6m.js@Fe129AvQzI0bsfKblZPH","price":null,"paymentUrl":null,"vectorCount":32,"categories":[{"id":"3535507e-b041-4f48-be7f-a084b14e30b2","name":"Icons","slug":"icons"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-19T09:29:39.485Z","updatedAt":"2026-05-19T09:29:39.485Z"},{"id":"019e1bc9-bab8-7b1e-bb3e-bbfe4603f862","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","slug":"azardam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","followed":false,"followsYou":false},"media":[],"resources":[{"id":"OSIpi3QLnXBDpAHqUBhJ","resolved":true,"title":"Reveal Team Card","body":"

How to Use

Paste the component onto your canvas. Double-click it and select "Unlink & Replace All".
Copy this vector set onto the canvas, once copied you can delete it.
Now you're ready to customize the component to your liking.

Features

100% Framer native

Tutorial

If you’re new to Framer this tutorial will help you better understand Framer components:

Intro to Components by Framer.

ㅤ

🔷 Made by Azardam Studio🔷

","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"How to Use"}],"attrs":{"level":1}},{"type":"orderedList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Paste the component onto your canvas. Double-click it and select \"Unlink & Replace All\"."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Copy "},{"type":"text","text":"this vector set","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/fmasocial","class":null,"target":"_blank"}}]},{"type":"text","text":" onto the canvas, once copied you can delete it."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Now you're ready to customize the component to your liking."}]}]}],"attrs":{"type":null,"start":1}},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"100% Framer native"}]},{"type":"customHeading","content":[{"type":"text","text":"Tutorial"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you’re new to Framer this tutorial will help you better understand Framer components:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Intro to Components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/clesson","target":"_blank"}}]},{"type":"text","text":" by Framer."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"ㅤ"}]},{"type":"paragraph","content":[{"type":"text","text":"ㅤ"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"large_blue_diamond","emoji":"🔷"}},{"type":"text","text":" Made by "},{"type":"text","text":"Azardam Studio","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/azardam","target":"_blank"}}]},{"type":"emoji","attrs":{"name":"large_blue_diamond","emoji":"🔷"}}]}]},"introduction":"Animate role and socials on hover.","slug":"teemz","author":{"framerUserId":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","slug":"azardam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/OSIpi3QLnXBDpAHqUBhJ/teemz","metadata":{"tint":{"h":180,"s":25,"l":13},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-02T11:42:26.283Z","updatedAt":"2026-08-25T15:57:45.487Z","publishedAt":"2026-05-12T10:44:25.912Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Teemz-4jj01v.js@wpVT1wCYT8qSLNQi0pK5","previewUrl":"https://teemz.framer.media/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"wpVT1wCYT8qSLNQi0pK5","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-12T10:44:25.912Z","updatedAt":"2026-05-12T10:44:25.912Z"},{"id":"019dff0e-d989-76f9-bb24-db8a5683a7a8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","slug":"azardam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ankIMu6RydhV7zGST9sd","resolved":true,"title":"Scan Button","body":"

100% Framer native

This component includes 7 unique scan animation variants, offering flexibility for different UI styles and interactions:

Horizontal scan (left → right)
Horizontal scan (right → left)
Vertical scan (top → bottom)
Vertical scan (bottom → top)
Dual vertical scan (top & bottom moving and swapping on hover)
Dual horizontal scan (left & right moving and swapping on hover)
Full-edge scan (all sides active, lines transition across edges on hover)

Tutorial

If you’re new to Framer this tutorial will help you better understand Framer components:

Intro to Components by Framer.

🔷 Made by Azardam Studio🔷

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"100% Framer native"}]},{"type":"paragraph","content":[{"type":"text","text":"This component includes "},{"type":"text","text":"7 unique scan animation variants","marks":[{"type":"bold"}]},{"type":"text","text":", offering flexibility for different UI styles and interactions:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Horizontal scan (left → right)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Horizontal scan (right → left)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Vertical scan (top → bottom)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Vertical scan (bottom → top)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dual vertical scan (top & bottom moving and swapping on hover)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dual horizontal scan (left & right moving and swapping on hover)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full-edge scan (all sides active, lines transition across edges on hover)"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Tutorial"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you’re new to Framer this tutorial will help you better understand Framer components:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Intro to Components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/clesson","target":"_blank"}}]},{"type":"text","text":" by Framer."}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"🔷 Made by "},{"type":"text","text":"Azardam Studio","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/azardam","class":null,"target":"_blank"}}]},{"type":"text","text":"🔷"}]}]},"introduction":"Bring sci-fi tech to your website","slug":"scan-button","author":{"framerUserId":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","slug":"azardam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/ankIMu6RydhV7zGST9sd/scan-button","metadata":{"tint":{"h":210,"s":67,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-26T09:33:09.684Z","updatedAt":"2026-08-25T15:55:17.827Z","publishedAt":"2026-05-06T20:50:56.521Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Scan-Button-UMQftK.js@Z8HObg9mUijhyWie3rL4","previewUrl":"https://scanbutton.framer.media/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"Z8HObg9mUijhyWie3rL4","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-05-06T20:50:56.521Z","updatedAt":"2026-05-06T20:50:56.521Z"},{"id":"019db620-d890-7c5d-bb84-2fd296973339","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","slug":"azardam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","followed":false,"followsYou":false},"media":[],"resources":[{"id":"lAwWy5gEZmTOJRiHThRu","resolved":true,"title":"Animated Card Button","body":"

Overview

It includes three states:

Default: a clear blue button with “Add to Cart”
Hover: switches to a dark style and reveals a cart icon
Success: turns green with a checkmark to confirm the action

After the success state, the button automatically returns to its default state after 1.2 seconds, keeping it ready for repeated interactions.

Tutorial

If you’re new to Framer this tutorial will help you better understand Framer components:

Intro to Components by Framer.

🔷 Made by Azardam Studio 🔷

","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Overview"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"It includes three states:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Default","marks":[{"type":"bold"}]},{"type":"text","text":": a clear blue button with “Add to Cart”"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hover","marks":[{"type":"bold"}]},{"type":"text","text":": switches to a dark style and reveals a cart icon"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Success","marks":[{"type":"bold"}]},{"type":"text","text":": turns green with a checkmark to confirm the action"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"After the success state, the button automatically returns to its default state after 1.2 seconds, keeping it ready for repeated interactions."}]},{"type":"customHeading","content":[{"type":"text","text":"Tutorial"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"If you’re new to Framer this tutorial will help you better understand Framer components:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Intro to Components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/clesson","target":"_blank"}}]},{"type":"text","text":" by Framer."}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"🔷 Made by "},{"type":"text","text":"Azardam Studio","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/azardam","class":null,"target":"_blank"}}]},{"type":"text","text":" 🔷"}]}]},"introduction":"Add to Cart Button Interaction","slug":"addlycart","author":{"framerUserId":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","slug":"azardam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/lAwWy5gEZmTOJRiHThRu/addlycart","metadata":{"tint":{"h":0,"s":0,"l":17},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-07T22:17:06.269Z","updatedAt":"2026-08-25T15:54:29.053Z","publishedAt":"2026-04-22T16:58:19.152Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/AddlyCart-orhlDs.js@u80bVw1TfTuW4Iu4hs7M","previewUrl":"https://addlycart.framer.media/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"u80bVw1TfTuW4Iu4hs7M","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-04-22T16:58:19.152Z","updatedAt":"2026-04-22T16:58:19.152Z"},{"id":"019db55a-4a33-7340-bee5-d88fa1d521ac","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","slug":"azardam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","followed":false,"followsYou":false},"media":[],"resources":[{"id":"UudFDt7ZlgyX5xpXpDIJ","resolved":true,"title":"Glow Pulse Button","body":"

This component is 100% Framer native

Tutorial

If you’re new to Framer this tutorial will help you better understand Framer components:

Intro to Components by Framer.

🔷 Made by Azardam Studio 🔷

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This component is 100% Framer native"}]},{"type":"customHeading","content":[{"type":"text","text":"Tutorial"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"If you’re new to Framer this tutorial will help you better understand Framer components:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Intro to Components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/clesson","target":"_blank"}}]},{"type":"text","text":" by Framer."}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"🔷 Made by "},{"type":"text","text":"Azardam Studio","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/azardam","class":null,"target":"_blank"}}]},{"type":"text","text":" 🔷"}]}]},"introduction":"A calm, breathing glow","slug":"cta-pneuma-button","author":{"framerUserId":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","slug":"azardam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/UudFDt7ZlgyX5xpXpDIJ/cta-pneuma-button-JuHsQr8LXuoNiyRohKBPOgApL1UcZr","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-14T15:53:23.570Z","updatedAt":"2026-08-25T15:52:19.768Z","publishedAt":"2026-04-22T13:21:26.579Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/CTA-Pneuma-Button-K30UlE.js@iy1tMsVLs0BQZFwFuYRv","previewUrl":"https://pnoe.framer.media/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"iy1tMsVLs0BQZFwFuYRv","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-04-22T13:21:26.579Z","updatedAt":"2026-04-22T13:21:26.579Z"},{"id":"019d8b03-be63-7106-a045-5276daa96800","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","slug":"azardam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","followed":false,"followsYou":false},"media":[],"resources":[{"id":"Mz5teDps1k3fhz62uiR3","resolved":true,"title":"Hover Pulse Button","body":"

This component is 100% Framer native

Tutorial

If you’re new to Framer this tutorial will help you better understand Framer components:

Intro to Components by Framer.

🔷 Made by Azardam Studio 🔷

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This component is 100% Framer native"}]},{"type":"customHeading","content":[{"type":"text","text":"Tutorial"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"If you’re new to Framer this tutorial will help you better understand Framer components:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Intro to Components","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/clesson","class":null,"target":"_blank"}}]},{"type":"text","text":" by Framer."}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"🔷 Made by "},{"type":"text","text":"Azardam Studio","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/azardam","class":null,"target":"_blank"}}]},{"type":"text","text":" 🔷"}]}]},"introduction":"Pulse effect for your CTAs.","slug":"hover-pulse-button","author":{"framerUserId":"26118f1e-6919-45e0-8204-a63a47bcb8a5","name":"Azardam Studio","slug":"azardam","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/26118f1e-6919-45e0-8204-a63a47bcb8a5/igsfjppn","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Mz5teDps1k3fhz62uiR3/hover-pulse-button-hLKsJSFPEbLUpgOCAdTdgfdrEIiGV7","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-03T15:09:25.433Z","updatedAt":"2026-08-25T15:49:06.413Z","publishedAt":"2026-04-14T08:02:51.619Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/Hover-Pulse-Button-qOirTX.js@0Qb1OuUSmpMtwquXYx2J","previewUrl":"https://hoverpulse.framer.media/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"0Qb1OuUSmpMtwquXYx2J","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-04-14T08:02:51.619Z","updatedAt":"2026-04-14T08:02:51.619Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L66"}]