50:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 51:T57f,

Icons Cloud

Icons Cloud brings thousands of production-ready vector icons directly into your Framer workspace. Access Lucide, Tabler, Phosphor, and Simple Icons in one unified plugin without breaking your design flow or manually downloading .svg files. Search, tweak styling properties, and drop customizable vector graphics straight onto your canvas with pixel-perfect precision.

Key Features

4 Premier Icon Libraries: Instantly switch between Lucide, Tabler, Phosphor, and Simple Icons (brand logos) directly from the sidebar.

Live Property Customization: Fine-tune size, stroke width, and custom hex colours before inserting an icon.

Direct Canvas Insertion: Drop crisp, editable SVG layers onto your active selection with a single click.

Favourites Manager: Bookmark your most-used icons to keep them accessible across all your projects.

Copy SVG Code: Copy raw, clean SVG markup directly to your clipboard whenever you need code.

Native Theme Integration: Enjoy a clean UI built for both Dark and Light modes that matches Framer seamlessly.

How It Works

Choose a Library: Select Lucide, Tabler, Phosphor, or Simple Icons from the sidebar.

Search: Search by keyword to locate the exact icon you need.

Customize & Insert: Adjust the size, colour, or stroke width, then click Insert Icon to drop it onto your canvas.

52:T71c,

Building Blocks AI - generate custom Framer components from simple text prompts.

1. Open the plugin from the Framer canvas.

2. Go to the settings (gear icon, top right). Enter your OpenRouter API key. You can generate one from: https://openrouter.ai/keys. Once connected, you'll see the green "API Connected" status at the top.

3. Click the "Select Prompt" card and choose a ready-made prompt from the list, or explore the suggested ideas if you're not sure what to build.

4. Click the "Select Theme" card and pick a style (e.g. "Midnight Blue") to guide the visual direction of the component. If you change your mind, click the small × badge on the corner of the card to clear the selected theme.

5. In the text box at the bottom ("Describe a component…"), type what you want to build — e.g. "a pricing card with a headline, subheading, and tags."

6. Click the up-arrow/send button. The plugin will generate a working Framer component (TSX) based on your prompt, theme, and description.

7. Take an action on the result

• Copy Code — copies the generated component code to your clipboard.

• Add to Canvas — drops the component directly onto your Framer canvas.

• Generate another — discards this result and generates a fresh variation.

8. Use the "Ask for changes…" input at the bottom of the result screen to request edits in plain language — e.g. "make it red" or "add a hover effect" — and the plugin will update the component accordingly without starting over.

9. You can find the generated TSX component in Assets → Code.

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-7a5040b3-c4a4-4975-8de4-16528345ac36-all:/unified/creator/7a5040b3-c4a4-4975-8de4-16528345ac36/activity/":[{"data":[{"id":"01a0fbb0-0603-7208-96a0-18dfb3b6b5a5","type":"comment.reply","target":{"type":"post","id":"019ff615-bd52-72d2-af87-2f23cc7dbc71","preview":"IconSet","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7a5040b3-c4a4-4975-8de4-16528345ac36/019ff615-397b-7410-a4e5-5f69afc27ccd.png","targetDeleted":false,"owned":true,"actions":{"postId":"019ff615-bd52-72d2-af87-2f23cc7dbc71","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0fbb0-05e5-75e6-835b-9c1c66300343","preview":"Thanks","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ff615-bd52-72d2-af87-2f23cc7dbc71","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0b4fe-71d3-77dc-b968-ace09cfffa98"},"repost":null}},"actors":[{"id":"7a5040b3-c4a4-4975-8de4-16528345ac36","name":"DevDuo 935","avatar":null,"slug":"devduo-935","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-02T08:16:52.226Z","latestAt":"2026-10-02T08:16:52.226Z"},{"id":"019ff615-bf8e-760e-b7ec-a95bceac2d23","type":"plugin.created","target":{"type":"plugin","id":"1472","preview":"IconSet","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7a5040b3-c4a4-4975-8de4-16528345ac36/019ff615-397b-7410-a4e5-5f69afc27ccd.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7a5040b3-c4a4-4975-8de4-16528345ac36","name":"DevDuo 935","avatar":null,"slug":"devduo-935","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-08-12T13:07:28.270Z","latestAt":"2026-08-12T13:07:28.270Z"},{"id":"019fadaf-3c2b-771f-a87f-3853c35bafe1","type":"plugin.created","target":{"type":"plugin","id":"1403","preview":"Building Blocks AI","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7a5040b3-c4a4-4975-8de4-16528345ac36/019fadaa-39ad-76fe-b915-f71a25d791eb.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"7a5040b3-c4a4-4975-8de4-16528345ac36","name":"DevDuo 935","avatar":null,"slug":"devduo-935","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"plugin","visibility":"public","startedAt":"2026-07-29T11:42:50.411Z","latestAt":"2026-07-29T11:42:50.411Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:7a5040b3-c4a4-4975-8de4-16528345ac36:/unified/posts/?creator=7a5040b3-c4a4-4975-8de4-16528345ac36&with=reposts":[{"data":[{"id":"019ff615-bd52-72d2-af87-2f23cc7dbc71","title":null,"body":"

Excited to launch Icons Cloud! Browse, customize, and insert thousands of vector icons from 4 top libraries directly inside Framer.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Excited to launch Icons Cloud! Browse, customize, and insert thousands of vector icons from 4 top libraries directly inside Framer."}]}]},"author":{"framerUserId":"7a5040b3-c4a4-4975-8de4-16528345ac36","name":"DevDuo 935","slug":"devduo-935","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"1472","resolved":true,"title":"IconSet","body":"$51","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Icons Cloud"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Icons Cloud brings thousands of production-ready vector icons directly into your Framer workspace. Access Lucide, Tabler, Phosphor, and Simple Icons in one unified plugin without breaking your design flow or manually downloading .svg files. Search, tweak styling properties, and drop customizable vector graphics straight onto your canvas with pixel-perfect precision."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"4 Premier Icon Libraries: Instantly switch between Lucide, Tabler, Phosphor, and Simple Icons (brand logos) directly from the sidebar."}]},{"type":"paragraph","content":[{"type":"text","text":"Live Property Customization: Fine-tune size, stroke width, and custom hex colours before inserting an icon."}]},{"type":"paragraph","content":[{"type":"text","text":"Direct Canvas Insertion: Drop crisp, editable SVG layers onto your active selection with a single click."}]},{"type":"paragraph","content":[{"type":"text","text":"Favourites Manager: Bookmark your most-used icons to keep them accessible across all your projects."}]},{"type":"paragraph","content":[{"type":"text","text":"Copy SVG Code: Copy raw, clean SVG markup directly to your clipboard whenever you need code."}]},{"type":"paragraph","content":[{"type":"text","text":"Native Theme Integration: Enjoy a clean UI built for both Dark and Light modes that matches Framer seamlessly."}]},{"type":"customHeading","content":[{"type":"text","text":"How It Works"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Choose a Library: Select Lucide, Tabler, Phosphor, or Simple Icons from the sidebar."}]},{"type":"paragraph","content":[{"type":"text","text":"Search: Search by keyword to locate the exact icon you need."}]},{"type":"paragraph","content":[{"type":"text","text":"Customize & Insert: Adjust the size, colour, or stroke width, then click Insert Icon to drop it onto your canvas."}]}]},"introduction":"Search, customize & insert icons","slug":"iconset","author":{"framerUserId":"7a5040b3-c4a4-4975-8de4-16528345ac36","name":"DevDuo 935","slug":"devduo-935","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7a5040b3-c4a4-4975-8de4-16528345ac36/019ff615-397b-7410-a4e5-5f69afc27ccd.png","metadata":{"tint":{"h":240,"s":13,"l":13},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7a5040b3-c4a4-4975-8de4-16528345ac36/019ff615-51cb-775a-9a44-dacd51f300ff.png","metadata":{"tint":{"h":240,"s":13,"l":13},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7a5040b3-c4a4-4975-8de4-16528345ac36/019ff615-60de-7008-b432-8829b0412dd4.png","metadata":{"tint":{"h":240,"s":13,"l":13},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-12T13:07:27.170Z","updatedAt":"2026-08-12T13:07:28.309Z","publishedAt":"2026-08-12T13:07:28.301Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"cyvlgxn6hfur9v318x4xv6vtg","paid":false,"categories":[{"id":"676f63da-b192-4974-930d-73185802088a","name":"Media","slug":"media"}],"tags":[]}}],"contests":[],"categories":[],"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-12T13:07:27.698Z","updatedAt":"2026-08-12T13:07:27.698Z"},{"id":"019fadaf-3aa6-74c6-bd7a-58b741648fc8","title":null,"body":"

Introducing Building Blocks AI - generate custom Framer components from simple text prompts.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Introducing Building Blocks AI - generate custom Framer components from simple text prompts."}]}]},"author":{"framerUserId":"7a5040b3-c4a4-4975-8de4-16528345ac36","name":"DevDuo 935","slug":"devduo-935","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"1403","resolved":true,"title":"Building Blocks AI","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Building Blocks AI - generate custom Framer components from simple text prompts."}]},{"type":"paragraph","content":[{"type":"text","text":"1. Open the plugin from the Framer canvas."}]},{"type":"paragraph","content":[{"type":"text","text":"2. Go to the settings (gear icon, top right). Enter your OpenRouter API key. You can generate one from: "},{"type":"text","text":"https://openrouter.ai/keys.","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://openrouter.ai/keys","target":"_blank"}}]},{"type":"text","text":" Once connected, you'll see the green \"API Connected\" status at the top."}]},{"type":"paragraph","content":[{"type":"text","text":"3. Click the \"Select Prompt\" card and choose a ready-made prompt from the list, or explore the suggested ideas if you're not sure what to build."}]},{"type":"paragraph","content":[{"type":"text","text":"4. Click the \"Select Theme\" card and pick a style (e.g. \"Midnight Blue\") to guide the visual direction of the component. If you change your mind, click the small × badge on the corner of the card to clear the selected theme."}]},{"type":"paragraph","content":[{"type":"text","text":"5. In the text box at the bottom (\"Describe a component…\"), type what you want to build — e.g. \"a pricing card with a headline, subheading, and tags.\""}]},{"type":"paragraph","content":[{"type":"text","text":"6. Click the up-arrow/send button. The plugin will generate a working Framer component (TSX) based on your prompt, theme, and description."}]},{"type":"paragraph","content":[{"type":"text","text":"7. Take an action on the result"}]},{"type":"paragraph","content":[{"type":"text","text":"• Copy Code — copies the generated component code to your clipboard."}]},{"type":"paragraph","content":[{"type":"text","text":"• Add to Canvas — drops the component directly onto your Framer canvas."}]},{"type":"paragraph","content":[{"type":"text","text":"• Generate another — discards this result and generates a fresh variation."}]},{"type":"paragraph","content":[{"type":"text","text":"8. Use the \"Ask for changes…\" input at the bottom of the result screen to request edits in plain language — e.g. \"make it red\" or \"add a hover effect\" — and the plugin will update the component accordingly without starting over."}]},{"type":"paragraph","content":[{"type":"text","text":"9. You can find the generated TSX component in Assets → Code."}]}]},"introduction":"Generate custom Framer components","slug":"building-blocks-ai","author":{"framerUserId":"7a5040b3-c4a4-4975-8de4-16528345ac36","name":"DevDuo 935","slug":"devduo-935","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7a5040b3-c4a4-4975-8de4-16528345ac36/019fadaa-39ad-76fe-b915-f71a25d791eb.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1920,"height":1280}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7a5040b3-c4a4-4975-8de4-16528345ac36/019fadaa-46d4-759b-8ac4-deee4bcfbb67.png","metadata":{"tint":{"h":240,"s":13,"l":13},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7a5040b3-c4a4-4975-8de4-16528345ac36/019fadaa-6480-77b4-8710-2956b17f5840.png","metadata":{"tint":{"h":240,"s":13,"l":13},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/7a5040b3-c4a4-4975-8de4-16528345ac36/019fadaa-71f6-73aa-bb36-bd295e58113f.png","metadata":{"tint":{"h":240,"s":13,"l":13},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-29T11:42:49.647Z","updatedAt":"2026-07-29T11:42:50.465Z","publishedAt":"2026-07-29T11:42:50.457Z","featuredAt":null,"approvedAt":null,"type":"plugin","attributes":{"framerPluginId":"eyt4coyfv8ratkujaakkxwnpv","paid":false,"categories":[{"id":"bde1e72b-b4a6-4ecc-8eee-417be77494e8","name":"AI","slug":"ai"}],"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-07-29T11:42:50.023Z","updatedAt":"2026-07-29T11:42:50.023Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L53"}]