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

A styled, downloadable receipt/invoice component for Framer. You can build your own receipt live, and download it as a PNG. It is fully customizable, and works as both a playful receipt and a "real" invoice.

Features

5 style presets: Thermal, Modern, Minimal, Vintage, Mono Dark
Company logo + up to 3 business detail lines
Customer ("Bill to") details — turns it into an invoice
Unlimited items (edit in the panel and a live editor your visitors can type into)
Automatic totals: subtotal → discount → tax → tip → total
Tax (%), Discount (% or flat), Tip (% or flat)
Any currency symbol
Receipt number (auto-generates if blank) and date (auto if blank)
Notes section
PAID / VOID / custom rotated stamp
Faux barcode and faux QR code
Brand colors (paper / ink / accent) + custom font
One-click Download as PNG (transparent background)

53:T4f7,

Flip cards is a universal flip card component for any subject: teams, products, people, portfolios. The front shows a photo, a name, and tags, and the back is freeform, so it holds whatever you want. Each card has three label/body pairs; you can use all three, some, or none.

This component is no longer free!

GETTING STARTED

Quick start:

1- Add the component to your project

Copy the component into your Framer project's code panel.

2- Set your brand name and crest (optional)

Under Brand, type your brand or collection name; it appears top-center of every card in small caps. Add a crest text (initials) or upload a logo.

3- Add your cards

Open the Cards array, and add one item per card. Upload a photo, fill in the name, tags, subtitle, and back content. And again, every field is optional!

4- Style it

Use Card Colors, Border / Frame, and Background to match your style (every color, size, and font is controllable from the panel.)

5- Choose a layout

Row for a horizontal carousel. Free to place each card manually with X, Y, rotation, and scale for a scattered editorial look.

Any issues? comment below 👇

54:T546,

A fully animated, highly customizable pricing toggle component for Framer. It features 7 style variants, full color control over every element, a usage-based pricing slider, 10 independently controllable effects, and demo mode for previews, and more!

Version: 1.0

Changelog

v1.0 — Initial release

7 style variants: Dark Luxury, Glass, Minimal, SaaS Clean, Bold, Editorial, Slate
16 fully overridable color controls
10 configurable effects with individual sub-controls
Usage-based pricing slider (linear, tiered, flat)
1–4 plans with all fields editable
Framer font picker for display and body fonts
Demo mode with rapid-toggle guard
Performance mode
And more!

🎬 Demo Mode

Automatically toggles between Monthly and Annual every 4 seconds. Perfect for Framer previews and marketplace demos, but turn off for live sites since it won't really be needed!

⚡ Performance Mode

Disables the three heaviest effects: 3D Card Tilt, Particle Burst, and Shimmer with a single toggle. It is recommended for sites with many other animations or lower-end devices.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b-all:/unified/creator/b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b/activity/":[{"data":[{"id":"019fa00e-d08e-73e3-a8f9-be2a4836f979","type":"component.liked","target":{"type":"component","id":"EPBTuA5RAqJ5bfZ9j6RY","preview":"3D Product Cards","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b6a63866-140d-4cff-93b5-0e45bae7a00d/1k646zth","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b","name":"ck k","avatar":null,"slug":"ck-k","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-26T20:12:33.288Z","latestAt":"2026-07-26T20:12:33.288Z"},{"id":"019f9265-2370-71ba-88e8-d5152c37cb3d","type":"component.liked","target":{"type":"component","id":"ZwAhORwiICqZsgpCIlmU","preview":"Interactive Lookbook","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/51c7b0a2-833e-425f-a7bf-30bda1e420fa/neszdnfo","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b","name":"ck k","avatar":null,"slug":"ck-k","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-24T04:32:09.578Z","latestAt":"2026-07-24T04:32:09.578Z"},{"id":"019f91e5-6e2c-722d-bd2b-3abd6fa14168","type":"component.liked","target":{"type":"component","id":"Y88W87jXCVmG45sJuZnv","preview":"Accessibility Pro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/Y88W87jXCVmG45sJuZnv/accessibility-pro-JpN2gnYbzSMTAtBcXV7fHIbjS2L2TH","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b","name":"ck k","avatar":null,"slug":"ck-k","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-24T02:12:40.095Z","latestAt":"2026-07-24T02:12:40.095Z"},{"id":"019f86f0-2ebf-701e-b744-935938e9e8f0","type":"template.liked","target":{"type":"template","id":"69904","preview":"SRIFUL Footwear Shop","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1d92921a-f446-49df-bde9-d8673dfd6a1c/019f84b4-3025-73aa-871d-fadb67d47580.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b","name":"ck k","avatar":null,"slug":"ck-k","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-21T23:08:35.387Z","latestAt":"2026-07-21T23:08:35.387Z"},{"id":"019f86bc-ae1d-7035-9949-e2086210d720","type":"component.created","target":{"type":"component","id":"3HrJJ4StrSu8Bb2NC27o","preview":"NowPlaying","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b/019f86bb-36f5-7438-a8ff-ba6e9b085ff1.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b","name":"ck k","avatar":null,"slug":"ck-k","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-21T22:12:20.125Z","latestAt":"2026-07-21T22:12:20.125Z"},{"id":"019f8070-82bb-748a-99bd-44e424b1213a","type":"creator.followed","target":{"type":"creator","id":"daebf60b-d183-4dc3-9ee8-f5b070d8d8b4","preview":"Sidhanth Suman","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/64229/avatar-6Fkzk5vt1plyb4srBNDlylzUVliRDh.jpg","slug":"sidhanth-suman","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b","name":"ck k","avatar":null,"slug":"ck-k","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-20T16:51:24.981Z","latestAt":"2026-07-20T16:51:24.981Z"},{"id":"019f771c-1102-70c9-83db-24bbee2b9116","type":"comment.reply","target":{"type":"post","id":"019f09ee-acc7-741f-b7f7-60f4d35e8f35","preview":"Premium Flip Cards","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b/3ucrlnoc","targetDeleted":false,"owned":true,"actions":{"postId":"019f09ee-acc7-741f-b7f7-60f4d35e8f35","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f771c-10e4-742b-a909-caa7e9757d4f","preview":"No worries at all! I’m glad you got it working","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"No worries at all! I’m glad you got it working"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f09ee-acc7-741f-b7f7-60f4d35e8f35","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f72f8-f624-7653-af72-0a973547fea7"},"repost":null}},"actors":[{"id":"b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b","name":"ck k","avatar":null,"slug":"ck-k","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-18T21:22:35.906Z","latestAt":"2026-07-18T21:22:35.906Z"},{"id":"019f7382-71e5-75f9-b93d-dffc7d2312e0","type":"comment.reply","target":{"type":"post","id":"019f09ee-acc7-741f-b7f7-60f4d35e8f35","preview":"Premium Flip Cards","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b/3ucrlnoc","targetDeleted":false,"owned":true,"actions":{"postId":"019f09ee-acc7-741f-b7f7-60f4d35e8f35","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f7382-71cc-7789-9995-ee4dcbe94fce","preview":"Hey! Thanks for reaching out! No worries. You just need to copy the component URL you received after your purchase and paste it onto your canvas (custom components often only work in Preview, outside of the canvas or on a published site)\nHave you tried it in Preview or after publishing? If so, what part isn’t working for you? I tested it before publishing and it was working on my end.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hey! Thanks for reaching out! No worries. You just need to copy the component URL you received after your purchase and paste it onto your canvas (custom components often only work in Preview, outside of the canvas or on a published site)"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Have you tried it in Preview or after publishing? If so, what part isn’t working for you? I tested it before publishing and it was working on my end."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f09ee-acc7-741f-b7f7-60f4d35e8f35","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f72f8-f624-7653-af72-0a973547fea7"},"repost":null}},"actors":[{"id":"b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b","name":"ck k","avatar":null,"slug":"ck-k","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-18T04:35:56.517Z","latestAt":"2026-07-18T04:35:56.517Z"},{"id":"019f6d40-7186-7117-93bf-2562ccb9c40f","type":"creator.followed","target":{"type":"creator","id":"fe252599-4318-4e9e-a1d2-fd684b2e7a66","preview":"Moe Slah","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/41359/avatar-ZhSe2ZsoX7QXzqADLZqHpWbiHpvvRF.jpg","slug":"moeslah","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b","name":"ck k","avatar":null,"slug":"ck-k","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-16T23:26:07.740Z","latestAt":"2026-07-16T23:26:07.740Z"},{"id":"019f6d28-7b46-754a-9fda-432b925e3697","type":"component.created","target":{"type":"component","id":"fa3iv0s9jmDRC4eWotJc","preview":"Receiptgenerator","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b/019f6d28-63de-75b1-925e-029b0d7f7761.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b","name":"ck k","avatar":null,"slug":"ck-k","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-16T22:59:57.382Z","latestAt":"2026-07-16T22:59:57.382Z"},{"id":"019f5d7f-714a-774c-9e8e-278e1d092538","type":"template.liked","target":{"type":"template","id":"56503","preview":"Now","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/56503/now-cL7iCgwBjqn8ueJObks7RRNVa4IVDt","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b","name":"ck k","avatar":null,"slug":"ck-k","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-13T22:01:00.986Z","latestAt":"2026-07-13T22:01:00.986Z"},{"id":"019f09ee-acef-73d0-8858-ec2a0edbb22a","type":"component.created","target":{"type":"component","id":"vJkVuRqx0F9zyVk0U6ud","preview":"Premium Flip Cards","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b/3ucrlnoc","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b","name":"ck k","avatar":null,"slug":"ck-k","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-27T16:34:24.623Z","latestAt":"2026-06-27T16:34:24.623Z"},{"id":"019eec5c-2f63-711d-9d56-56b7f5f720c0","type":"creator.followed","target":{"type":"creator","id":"93c71adc-5293-4c78-9bd7-0a762b524aa1","preview":"Asad Ahmed","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/93c71adc-5293-4c78-9bd7-0a762b524aa1/pz3ugwgl","slug":"asadahmedx","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b","name":"ck k","avatar":null,"slug":"ck-k","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-21T22:45:24.959Z","latestAt":"2026-06-21T22:45:24.959Z"},{"id":"019ee624-f0e7-705b-9dd6-ea46e3663735","type":"component.created","target":{"type":"component","id":"sQsrMvHNlugaEoa4SQW0","preview":"Pricing Toggle Pro","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b/yt06jo0r","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b","name":"ck k","avatar":null,"slug":"ck-k","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-20T17:47:21.191Z","latestAt":"2026-06-20T17:47:21.191Z"},{"id":"019ee5dd-0b33-7048-855c-989aebedf4ab","type":"creator.followed","target":{"type":"creator","id":"b52ec26d-e0c3-4d1c-bddf-4dbf55338e4f","preview":"FrameBuild","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/238316/avatar-ELWQF8t3QI529f2aF3wSmDGBYHpPtI.jpg","slug":"framebuild","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b","name":"ck k","avatar":null,"slug":"ck-k","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-20T16:28:49.327Z","latestAt":"2026-06-20T16:28:49.327Z"},{"id":"019edc4d-f4d3-735c-b977-58bfd6625647","type":"comment.reply","target":{"type":"post","id":"019ed6a1-4ca9-71d8-a9fd-b40a613ed7e0","preview":null,"previewJson":null,"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed6a1-4ca9-71d8-a9fd-b40a613ed7e0","like":{"count":7,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019edc4d-f4c0-717d-af8b-c1beb799a047","preview":"Thank you!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed6a1-4ca9-71d8-a9fd-b40a613ed7e0","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019ed92e-a7cb-740d-9e84-5135d1d108c3"},"repost":null}},"actors":[{"id":"b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b","name":"ck k","avatar":null,"slug":"ck-k","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-18T19:55:57.011Z","latestAt":"2026-06-18T19:55:57.011Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b:/unified/posts/?creator=b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b&with=reposts":[{"data":[{"id":"019f86bc-acb5-7382-8e51-6f7463096843","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b","name":"ck k","slug":"ck-k","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"3HrJJ4StrSu8Bb2NC27o","resolved":true,"title":"NowPlaying","body":"

Paste a YouTube link, add your track info and cover art, and you're done! Your users get full playback controls like shuffle, repeat, and a customizable third button you pick yourself (Like, Mute, Speed, or Repeat Once). Turn on Liquid Glass and it'll blur and refract whatever's behind it. You have full designer control over blur, tint, saturation, brightness, and distortion, and keyboard shortcuts are also included.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Paste a YouTube link, add your track info and cover art, and you're done! Your users get full playback controls like shuffle, repeat, and a customizable third button you pick yourself (Like, Mute, Speed, or Repeat Once). Turn on Liquid Glass and it'll blur and refract whatever's behind it. You have full designer control over blur, tint, saturation, brightness, and distortion, and keyboard shortcuts are also included."}]}]},"introduction":"A Spotify-grade music player.","slug":"nowplaying","author":{"framerUserId":"b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b","name":"ck k","slug":"ck-k","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b/019f86bb-36f5-7438-a8ff-ba6e9b085ff1.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1598,"height":803}}],"post":null,"createdAt":"2026-07-21T22:12:19.395Z","updatedAt":"2026-07-26T20:11:39.812Z","publishedAt":"2026-07-21T22:12:19.389Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://cautious-fox-065814.framer.app","price":"5","paymentUrl":"https://payhip.com/b/hUFHn","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"AR43Cd1njxtgAQvH5d6X","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-21T22:12:19.765Z","updatedAt":"2026-07-21T22:12:19.765Z"},{"id":"019f6d28-798f-765b-9217-87a38ea35e95","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b","name":"ck k","slug":"ck-k","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"fa3iv0s9jmDRC4eWotJc","resolved":true,"title":"Receiptgenerator","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A styled, downloadable receipt/invoice component for Framer. You can build your own receipt live, and download it as a PNG. It is fully customizable, and works as both a playful receipt and a \"real\" invoice."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Features"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"5 style presets: Thermal, Modern, Minimal, Vintage, Mono Dark"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Company logo + up to 3 business detail lines"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Customer (\"Bill to\") details — turns it into an invoice"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Unlimited items (edit in the panel and a live editor your visitors can type into)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Automatic totals: subtotal → discount → tax → tip → total"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Tax (%), Discount (% or flat), Tip (% or flat)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Any currency symbol"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Receipt number (auto-generates if blank) and date (auto if blank)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Notes section"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"PAID / VOID / custom rotated stamp"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Faux barcode and faux QR code"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Brand colors (paper / ink / accent) + custom font"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"One-click Download as PNG (transparent background)"}]}]}]}]},"introduction":"Downloadable receipt component.","slug":"receiptgenerator","author":{"framerUserId":"b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b","name":"ck k","slug":"ck-k","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b/019f6d28-63de-75b1-925e-029b0d7f7761.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":612,"height":924}}],"post":null,"createdAt":"2026-07-16T22:59:56.533Z","updatedAt":"2026-07-16T23:06:40.790Z","publishedAt":"2026-07-16T22:59:56.530Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://massive-galaxy-855198.framer.app","price":"10","paymentUrl":"https://payhip.com/b/tAm8H","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"VQK5EhasP2Zsh0hUCGH0","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-07-16T22:59:56.943Z","updatedAt":"2026-07-16T22:59:56.943Z"},{"id":"019f09ee-acc7-741f-b7f7-60f4d35e8f35","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b","name":"ck k","slug":"ck-k","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"vJkVuRqx0F9zyVk0U6ud","resolved":true,"title":"Premium Flip Cards","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Flip cards is a universal flip card component for any subject: teams, products, people, portfolios. The front shows a photo, a name, and tags, and the back is freeform, so it holds whatever you want. Each card has three label/body pairs; you can use all three, some, or none."}]},{"type":"paragraph","content":[{"type":"text","text":"This component is no longer free! "}]},{"type":"paragraph","content":[{"type":"text","text":"GETTING STARTED"}]},{"type":"paragraph","content":[{"type":"text","text":"Quick start:"}]},{"type":"paragraph","content":[{"type":"text","text":"1- Add the component to your project"}]},{"type":"paragraph","content":[{"type":"text","text":"Copy the component into your Framer project's code panel. "}]},{"type":"paragraph","content":[{"type":"text","text":"2- Set your brand name and crest (optional)"}]},{"type":"paragraph","content":[{"type":"text","text":"Under Brand, type your brand or collection name; it appears top-center of every card in small caps. Add a crest text (initials) or upload a logo."}]},{"type":"paragraph","content":[{"type":"text","text":"3- Add your cards"}]},{"type":"paragraph","content":[{"type":"text","text":"Open the Cards array, and add one item per card. Upload a photo, fill in the name, tags, subtitle, and back content. And again, every field is optional!"}]},{"type":"paragraph","content":[{"type":"text","text":"4- Style it"}]},{"type":"paragraph","content":[{"type":"text","text":"Use Card Colors, Border / Frame, and Background to match your style (every color, size, and font is controllable from the panel.)"}]},{"type":"paragraph","content":[{"type":"text","text":"5- Choose a layout"}]},{"type":"paragraph","content":[{"type":"text","text":"Row for a horizontal carousel. Free to place each card manually with X, Y, rotation, and scale for a scattered editorial look."}]},{"type":"paragraph","content":[{"type":"text","text":"Any issues? comment below "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph"}]},"introduction":"Premium flip cards for any subject","slug":"premium-flip-cards","author":{"framerUserId":"b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b","name":"ck k","slug":"ck-k","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b/3ucrlnoc","metadata":{"tint":{"h":210,"s":67,"l":9},"width":1048,"height":712}}],"post":null,"createdAt":"2026-06-27T16:34:24.544Z","updatedAt":"2026-07-17T03:07:38.696Z","publishedAt":"2026-06-27T16:34:24.542Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://spotless-potato-347706.framer.app","price":"5","paymentUrl":"https://payhip.com/b/EfrMz","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"U4WIT8OIN5Rx2YPZdDoM","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-27T16:34:24.584Z","updatedAt":"2026-06-27T16:34:24.584Z"},{"id":"019ee624-f08f-75d3-8ae5-e8f1f501cd08","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b","name":"ck k","slug":"ck-k","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[{"id":"sQsrMvHNlugaEoa4SQW0","resolved":true,"title":"Pricing Toggle Pro","body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A fully animated, highly customizable pricing toggle component for Framer. It features 7 style variants, full color control over every element, a usage-based pricing slider, 10 independently controllable effects, and demo mode for previews, and more!"}]},{"type":"paragraph","content":[{"type":"text","text":"Version: 1.0"}]},{"type":"paragraph","content":[{"type":"text","text":"Changelog"}]},{"type":"paragraph","content":[{"type":"text","text":"v1.0 — Initial release"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"7 style variants: Dark Luxury, Glass, Minimal, SaaS Clean, Bold, Editorial, Slate"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"16 fully overridable color controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"10 configurable effects with individual sub-controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Usage-based pricing slider (linear, tiered, flat)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"1–4 plans with all fields editable"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Framer font picker for display and body fonts"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Demo mode with rapid-toggle guard"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Performance mode"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"And more!"}]}]}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"clapper","emoji":"🎬"}},{"type":"text","text":" Demo Mode"}]},{"type":"paragraph","content":[{"type":"text","text":"Automatically toggles between Monthly and Annual every 4 seconds. Perfect for Framer previews and marketplace demos, but turn off for live sites since it won't really be needed!"}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":" Performance Mode"}]},{"type":"paragraph","content":[{"type":"text","text":"Disables the three heaviest effects: 3D Card Tilt, Particle Burst, and Shimmer with a single toggle. It is recommended for sites with many other animations or lower-end devices."}]}]},"introduction":"A beautiful component in Framer.","slug":"pricing-toggle-pro","author":{"framerUserId":"b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b","name":"ck k","slug":"ck-k","avatar":null,"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b/yt06jo0r","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1176,"height":988}}],"post":null,"createdAt":"2026-06-20T17:47:21.070Z","updatedAt":"2026-06-25T16:41:54.580Z","publishedAt":"2026-06-20T17:47:21.067Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Pricing-Toggle-Pro-B7N5Ml.js@eDdEsPV0jZg6WJvsGlmJ","previewUrl":"https://rational-routine-285993.framer.app","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"cd81cc33-d6cf-4630-8e59-b5b3100166ba","name":"Buttons","slug":"buttons"}],"lastSaveId":"eDdEsPV0jZg6WJvsGlmJ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-20T17:47:21.103Z","updatedAt":"2026-06-20T17:47:21.103Z"},{"id":"019ed6a1-4ca9-71d8-a9fd-b40a613ed7e0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b","name":"ck k","slug":"ck-k","avatar":null,"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[{"id":"019ed6a1-4ca9-71d8-a9fd-b897bfd51e14","contestId":"agents-hackathon","author":{"framerUserId":"b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b","name":"ck k","slug":"ck-k","avatar":null},"title":"The Midnight Guest","body":"

I wanted to build something that feel like an experience you get pulled into. The Midnight Guest is a playable murder mystery set in a luxury estate. One guest is dead. Six have motives. You have until midnight to figure out which one of these beautiful liars is telling the truth.

Players explore rooms, read redacted dossiers, pin evidence, reconstruct the timeline of the night, and submit a final accusation before the clock strikes twelve. The entire thing: the investigation system, the suspect files, the evidence board, the game logic, was built in one night using Framer Agents. I directed the vision, the AI built it.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I wanted to build something that feel like an experience you get pulled into. The Midnight Guest is a playable murder mystery set in a luxury estate. One guest is dead. Six have motives. You have until midnight to figure out which one of these beautiful liars is telling the truth."}]},{"type":"paragraph","content":[{"type":"text","text":"Players explore rooms, read redacted dossiers, pin evidence, reconstruct the timeline of the night, and submit a final accusation before the clock strikes twelve. The entire thing: the investigation system, the suspect files, the evidence board, the game logic, was built in one night using Framer Agents. I directed the vision, the AI built it."}]}]},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b4b00c1f-7cf9-44d8-a28a-b58f826ebe4b/k92veld1","metadata":{"tint":{"h":0,"s":0,"l":3},"width":2504,"height":1224}}],"post":null,"data":{"previewUrl":"https://important-rectangle-729139.framer.app"},"winner":false,"createdAt":"2026-06-17T17:29:15.763Z","updatedAt":"2026-06-17T17:29:15.763Z"}],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T17:29:15.703Z","updatedAt":"2026-06-17T17:29:15.703Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L55"}]