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

Onelov is a bold, high-contrast visual portfolio template crafted for creative agencies, design studios, directors, and independent artists. Designed with ultra-clean typography, structured grid lines, and raw layout precision.

Brutalist Modern Aesthetic: High-contrast layouts, stark monochrome balances, and razor-thin structural grid lines designed for high-impact visual presentation.

Impactful Typography: Hero layouts with massive display typography, precise body copy, and subtle circular guidelines to frame your core creative mission.

Interactive Service Showcase: Minimalist numbered list layouts complete with image previews on hover to showcase offerings cleanly.

Minimalist Project Grid: Clean layout focused on imagery with sleek metadata triggers and smooth transitions.

Fully Responsive & Scalable: Fully optimized for all screen sizes, built with Framer’s native layouts for effortless editing.

No-Code Customization: Change fonts, color fields, and content in seconds using color styles and text assets.

Perfect For:

Creative Agencies, Design Studios, Art Directors, Production Houses, Brand Strategists, and Motion Designers looking to stand out with a raw, high-impact web presence.

53:T423,

Bring a cinematic, analog aesthetic to your web layouts with this interactive FilmStrip vertical carousel. Perfect for portfolios, photography showcases, and fill carousel component where images in a film strip where the image behind gets spotlighted in a focused model for Contrast & visual appeal.

Immersive Spotlight Effect

Center frames dynamically cross-fade into a high-contrast, large overlay spotlight for a focused visual experience per item, This gives users to explore detail, and appreicate each item as a standalone in the Carousel.

Tactile Interactions

Smooth, physics-based momentum scrolling optimized for mouse dragging, trackpads, and touch devices.

Retro Styling

Features realistic side film-perforations and an optional CSS noise grain overlay with fully adjustable intensity.

Production Ready

Fixed 1000×800 canvas drop-in footprint, completely responsive, and fully optimized for static rendering performance.

54:T554,

Present startup Ideas & raise funding with an interactive pitch deck experience over static ppts. Share your pitch deck anywhere in the world with real world demos, interactions & live url experience accessible by everyone.

Ditch Static clucky presentations and Create lively interactive pitch deck presentation with a modern Ptich deck Template. Simply update your presentation details for your deck, publish, and go live.

It's been built to specifically cater for presentations, Pitch decks with custom componets to specific to these usecases.

The main Solution this template provides is being able to can share your pitch anywhere online to hence communicating your Ideas, vision & plan to a wider audience than just one time static presentations, with support for reach outs increasing chances of funding, exposure & marketing.

Including Items like;

Custom Graphs for price, number projects.
Lively Shaders for a custom experience.
A Roadmap Custom component to showcase progress, Product timelines & Processes.
Problem, Solution arhitecture structured for presentation.
11 custom pages design for the pitch deck presentation elements ie Intro, problem, solution, numbers and much more

55:T98a,

A complete website solution for modern tech companies, SaaS products, and startups who need to ship fast without sacrificing quality.

Ship your product site faster with this premium tech template. Dark mode design, CMS collections, interactive effects, and 12 responsive pages. Perfect for SaaS, apps, and startups.

12 Pre-Built Pages:

Home (hero, values, team, CTA sections)
About Us
Contact (form + info cards)
Careers listing with category filters
Job posting detail page
Blog listing with featured section
Blog post detail page
FAQs with expandable accordion
Waitlist (email capture + countdown)
Privacy Policy
Terms of Service
Custom 404 page

Who This Is For

SaaS Companies launching or refreshing their product website.

Startups who need a professional site quickly.

Product Teams who want to focus on building, not designing from scratch.

Why Choose Amplica

Most templates force you to choose between speed and quality. Amplica gives you both. The modular component system means you can mix and match sections to create unique pages without starting from scratch. The dark theme isn't just aesthetic it's the standard for modern tech products that want to convey sophistication and innovation.

Every page is designed with conversion in mind, from the strategic placement of CTAs to the smooth animations that keep users engaged. The CMS integration means your marketing team can update blogs and job postings without touching the design.

Pages:

Home, About, Contact, Careers, Jobs, Blog, Blog Post, FAQs, Waitlist, Privacy, Terms, 404

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-2ce00227-e754-4780-87eb-5ab30c5e5271-all:/unified/creator/2ce00227-e754-4780-87eb-5ab30c5e5271/activity/":[{"data":[{"id":"019fcc82-683a-7595-b157-2fa50a6ac071","type":"component.created","target":{"type":"component","id":"sFm8x9YqR99yst1DHwvw","preview":"Blur Transition","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/019fcc81-dfe8-771d-90a8-2ae3b374edec.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","slug":"yahya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-08-04T11:22:06.266Z","latestAt":"2026-08-04T11:22:06.266Z"},{"id":"019f93ce-1f92-7434-82af-0f2b60ff3689","type":"component.created","target":{"type":"component","id":"jwnHAHTsuAV1LFROnljb","preview":"Theme Slider","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/019f93ce-0768-76f9-a7d8-c7997ffb9806.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","slug":"yahya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-24T11:06:27.090Z","latestAt":"2026-07-24T11:06:27.090Z"},{"id":"019f93c3-3535-77a4-9e61-c3863c3cfe29","type":"component.created","target":{"type":"component","id":"e5zt16R3n7SADeFpSugR","preview":"Purched Card","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/019f93c3-187e-70a2-ac67-9202c92d54ef.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","slug":"yahya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-24T10:54:31.733Z","latestAt":"2026-07-24T10:54:31.733Z"},{"id":"019f937e-70d1-7395-91df-d433bf86ebe2","type":"template.created","target":{"type":"template","id":"70076","preview":"Onelov","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/019f937e-50b8-7328-be99-a04da3844157.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","slug":"yahya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-07-24T09:39:25.009Z","latestAt":"2026-07-24T09:39:25.009Z"},{"id":"019f8a1c-ef47-738a-937f-06a92772c09b","type":"component.created","target":{"type":"component","id":"6X8ZB7JFtVEZZNSzPVHI","preview":"Events Calender","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/019f8a1c-d47f-71ef-8c8e-a07091b4086c.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","slug":"yahya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-22T13:56:19.911Z","latestAt":"2026-07-22T13:56:19.911Z"},{"id":"019f89d9-5196-70ae-9b00-5a7e8e7631c0","type":"component.created","target":{"type":"component","id":"ff5lp3T8Th2NPbji6T0p","preview":"Text Weight Animator","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/019f89d9-34ce-74cf-bd98-59125a7841ba.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","slug":"yahya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-22T12:42:28.630Z","latestAt":"2026-07-22T12:42:28.630Z"},{"id":"019f89a7-0e40-763f-8bba-4e84839ae698","type":"component.created","target":{"type":"component","id":"uq9ovyX8qP6qy0C7O5Np","preview":"Filter Grid","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/019f89a6-f9d3-764e-b121-f4a9fce94df7.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","slug":"yahya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-22T11:47:34.592Z","latestAt":"2026-07-22T11:47:34.592Z"},{"id":"019f8950-d162-726d-b8af-f93138d74e94","type":"component.created","target":{"type":"component","id":"kBeiN4VmRGbR30jvUstX","preview":"Testimonial Pill","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/019f894b-7344-72a9-b3d2-f534dd3dabaf.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","slug":"yahya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-22T10:13:22.914Z","latestAt":"2026-07-22T10:13:22.914Z"},{"id":"019f890f-7cb3-726b-a89d-6d50fc8bf356","type":"component.created","target":{"type":"component","id":"JQqk5c26EMeXzQE79HSt","preview":"Image Disk","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/019f890f-14eb-779b-99ce-7d1d13e25305.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","slug":"yahya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-22T09:02:01.395Z","latestAt":"2026-07-22T09:02:01.395Z"},{"id":"019f4aab-0ce4-734e-a644-f46c486c4be9","type":"post.reply","target":{"type":"post","id":"019f48d4-42f2-723a-a5fa-640baef8740a","preview":"Hover Gallery X","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/019f48d3-c01e-731d-bd11-e70adc4f84a9.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"019f48d4-42f2-723a-a5fa-640baef8740a","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f4aab-0cb9-72eb-b7f6-17549093906f","preview":".","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f48d4-42f2-723a-a5fa-640baef8740a","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f48f8-86d6-71fb-89a2-e90f9fdbee64"},"repost":null}},"actors":[{"id":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","slug":"yahya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-10T06:15:51.780Z","latestAt":"2026-07-10T06:15:51.780Z"},{"id":"019f4aab-0cd8-71cd-9a29-147399999cbb","type":"comment.reply","target":{"type":"post","id":"019f48d4-42f2-723a-a5fa-640baef8740a","preview":"Hover Gallery X","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/019f48d3-c01e-731d-bd11-e70adc4f84a9.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"019f48d4-42f2-723a-a5fa-640baef8740a","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f4aab-0cb9-72eb-b7f6-17549093906f","preview":".","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"."}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f48d4-42f2-723a-a5fa-640baef8740a","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f48f8-86d6-71fb-89a2-e90f9fdbee64"},"repost":null}},"actors":[{"id":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","slug":"yahya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-10T06:15:51.768Z","latestAt":"2026-07-10T06:15:51.768Z"},{"id":"019f4aaa-f767-76c8-9545-3ea4e356a223","type":"comment.liked","target":{"type":"comment","id":"019f48f8-86d6-71fb-89a2-e90f9fdbee64","preview":"Love this!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Love this!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f48d4-42f2-723a-a5fa-640baef8740a","like":{"count":2,"liked":false},"reply":{"parentCommentId":"019f48f8-86d6-71fb-89a2-e90f9fdbee64"},"repost":null}},"context":{"type":"post","id":"019f48d4-42f2-723a-a5fa-640baef8740a","preview":"Hover Gallery X","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/bcb94bf9-7aa9-40d7-b681-19421ce62bd3/019f48d3-c01e-731d-bd11-e70adc4f84a9.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"019f48d4-42f2-723a-a5fa-640baef8740a","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","slug":"yahya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-10T06:15:46.274Z","latestAt":"2026-07-10T06:15:46.274Z"},{"id":"019f4801-8e2f-7115-916b-5ef07cb5c15b","type":"component.created","target":{"type":"component","id":"xAIlStBGMfh75qtuGJRx","preview":"Organic Ripples","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/019f4801-69c9-76bd-959a-f702f1d0cb40.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","slug":"yahya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-09T17:51:29.327Z","latestAt":"2026-07-09T17:51:29.327Z"},{"id":"019f476c-198c-73af-9d4a-a57c62519dad","type":"component.created","target":{"type":"component","id":"XDzCUApBqDHEKykUg9vO","preview":"Film Carousel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/019f4766-e512-707c-b229-4d756bedbf39.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","slug":"yahya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-09T15:08:14.604Z","latestAt":"2026-07-09T15:08:14.604Z"},{"id":"019f46d8-f4e3-7198-8b74-a4532247199c","type":"component.created","target":{"type":"component","id":"8YC49iUzxD9jzZAr3ZQS","preview":"WebGl Gallery","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/gv0fe4v2","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","slug":"yahya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-09T12:27:31.427Z","latestAt":"2026-07-09T12:27:31.427Z"},{"id":"019f3c89-7258-779d-8285-582579b46a63","type":"comment.reply","target":{"type":"post","id":"019f3c0e-f118-70ea-a965-b7d8c12d7123","preview":"A dynamic slider component build in @Framer\nNot perfect, but some good progress so far.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A dynamic slider component build in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}}]},{"type":"paragraph","content":[{"type":"text","text":"Not perfect, but some good progress so far."}]}]},"thumbnail":"https://image.mux.com/nzmd01f4QaREHVrJI213JrgGvxhi02gV76q5cpwdcm5tg/thumbnail.webp?time=10.433","targetDeleted":false,"owned":true,"actions":{"postId":"019f3c0e-f118-70ea-a965-b7d8c12d7123","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019f3c89-7242-7565-aaca-34c6aa6c05e5","preview":"Thanks","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019f3c0e-f118-70ea-a965-b7d8c12d7123","like":{"count":0,"liked":false},"reply":{"parentCommentId":"019f3c11-b6bd-715f-bd1a-3ba338da7af3"},"repost":null}},"actors":[{"id":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","slug":"yahya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-07T12:24:28.504Z","latestAt":"2026-07-07T12:24:28.504Z"},{"id":"019f3c44-2d74-77c3-9577-949de3c9cd96","type":"comment.liked","target":{"type":"comment","id":"019f3c11-b6bd-715f-bd1a-3ba338da7af3","preview":"Just WOW","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Just WOW"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019f3c0e-f118-70ea-a965-b7d8c12d7123","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019f3c11-b6bd-715f-bd1a-3ba338da7af3"},"repost":null}},"context":{"type":"post","id":"019f3c0e-f118-70ea-a965-b7d8c12d7123","preview":"A dynamic slider component build in @Framer\nNot perfect, but some good progress so far.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A dynamic slider component build in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}}]},{"type":"paragraph","content":[{"type":"text","text":"Not perfect, but some good progress so far."}]}]},"thumbnail":"https://image.mux.com/nzmd01f4QaREHVrJI213JrgGvxhi02gV76q5cpwdcm5tg/thumbnail.webp?time=10.433","targetDeleted":false,"owned":true,"actions":{"postId":"019f3c0e-f118-70ea-a965-b7d8c12d7123","like":{"count":15,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","slug":"yahya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-07T11:08:48.877Z","latestAt":"2026-07-07T11:08:48.877Z"},{"id":"019f28d7-ab7f-7004-8335-ce86215026eb","type":"creator.followed","target":{"type":"creator","id":"14c2826b-386e-4222-bcc8-33cf2acc0f74","preview":"Dev Patel","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/14c2826b-386e-4222-bcc8-33cf2acc0f74/f4p9a442","slug":"devdsgn","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","slug":"yahya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-07-03T16:37:30.618Z","latestAt":"2026-07-03T16:37:30.618Z"},{"id":"019f0506-229e-7564-895c-c897930d1196","type":"creator.followed","target":{"type":"creator","id":"fbbfbfc4-611c-4ee7-9558-90509c39dc73","preview":"Pixcut Studio LLC","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/fbbfbfc4-611c-4ee7-9558-90509c39dc73/y2h59lr2","slug":"pixcut-studio","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","slug":"yahya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-26T17:41:55.990Z","latestAt":"2026-06-26T17:41:55.990Z"},{"id":"019f0506-163f-76dc-82c4-896e04307fe8","type":"creator.followed","target":{"type":"creator","id":"b708f648-11a8-487b-bdb5-48afa4fa59f1","preview":"Rule & Form","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b708f648-11a8-487b-bdb5-48afa4fa59f1/tmq43o7e","slug":"ruleandform","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","slug":"yahya","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-26T17:41:52.826Z","latestAt":"2026-06-26T17:41:52.826Z"}],"pagination":{"next":"MjAyNi0wNi0yNlQxNzo0MTo1Mi44MjZafDAxOWYwNTA2LTE2M2YtNzZkYy04MmM0LTg5NmUwNDMwN2ZlOA","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:2ce00227-e754-4780-87eb-5ab30c5e5271:/unified/posts/?creator=2ce00227-e754-4780-87eb-5ab30c5e5271&with=reposts":[{"data":[{"id":"019fcc82-669b-77eb-930c-c1eb2c20bced","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"sFm8x9YqR99yst1DHwvw","resolved":true,"title":"Blur Transition","body":"

This component creates an interactive image transition with a directional blur effect using Three.js.

It blends between two images based on mouse movement, applying a blur that intensifies with cursor velocity or position.

The component provides Framer controls to customize the images, blur intensity, transition speed, and trigger mode.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This component creates an interactive image transition with a directional blur effect using Three.js. ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"It blends between two images based on mouse movement, applying a blur that intensifies with cursor velocity or position."}]},{"type":"paragraph","content":[{"type":"text","text":"The component provides Framer controls to customize the images, blur intensity, transition speed, and trigger mode."}]}]},"introduction":"A Motion Blur Image Transition","slug":"blur-transition","author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/019fcc81-dfe8-771d-90a8-2ae3b374edec.png","metadata":{"tint":{"h":0,"s":0,"l":24},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-04T11:22:05.486Z","updatedAt":"2026-08-04T11:31:45.841Z","publishedAt":"2026-08-04T11:22:05.479Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/Blurtransition-IQ2YYw.js@BetvPRnacoKWyapHv7ZQ","previewUrl":"https://image-transition-blur.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"BetvPRnacoKWyapHv7ZQ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-04T11:22:05.852Z","updatedAt":"2026-08-04T11:22:05.852Z"},{"id":"019f93ce-1d67-718f-81c4-c7b40151f479","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"jwnHAHTsuAV1LFROnljb","resolved":true,"title":"Theme Slider","body":"

This component creates a draggable theme switch that allows users to toggle between light and dark modes.

It dynamically updates CSS variables and the background/text colors based on the switch’s position, and persists the user’s theme preference in local storage.

Unlike the user toggle switch, this updates styles in real time as you drag visualizing the entire theme switching experience.

All you need to do is dropping the component on the page, them set your framer color tokens for light and dark mode for each token.

Everything is automatically handled by the switcher to convert light to dark mode as the user drags the switcher.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This component creates a draggable theme switch that allows users to toggle between light and dark modes.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"It dynamically updates CSS variables and the background/text colors based on the switch’s position, and persists the user’s theme preference in local storage."}]},{"type":"paragraph","content":[{"type":"text","text":"Unlike the user toggle switch, this updates styles in real time as you drag visualizing the entire theme switching experience."}]},{"type":"paragraph","content":[{"type":"text","text":"All you need to do is dropping the component on the page, them set your framer color tokens for light and dark mode for each token."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is automatically handled by the switcher to convert light to dark mode as the user drags the switcher."}]}]},"introduction":"A draggable Theme Switcher","slug":"theme-slider","author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/019f93ce-0768-76f9-a7d8-c7997ffb9806.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-24T11:06:26.152Z","updatedAt":"2026-07-24T16:12:56.378Z","publishedAt":"2026-07-24T11:06:26.144Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://draggable-theme-sldier.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/v54KeH2F-theme-slider-dark-to-light-mode-slider","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"F225KUMj2BCJqrhnRTGX","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-24T11:06:26.536Z","updatedAt":"2026-07-24T11:06:26.536Z"},{"id":"019f93c3-33a0-729e-851d-75d876bb60e6","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"e5zt16R3n7SADeFpSugR","resolved":true,"title":"Purched Card","body":"

A puched Cards component with customizable content and appearance.

It can display a shader, an image, integrated text content, or a custom Framer component.

The “punches” on the card’s edges are dynamically generated using CSS masks.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A puched Cards component with customizable content and appearance. ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"It can display a shader, an image, integrated text content, or a custom Framer component."}]},{"type":"paragraph","content":[{"type":"text","text":"The “punches” on the card’s edges are dynamically generated using CSS masks."}]}]},"introduction":"A purched card component","slug":"purched-card","author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/019f93c3-187e-70a2-ac67-9202c92d54ef.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-24T10:54:30.966Z","updatedAt":"2026-07-24T10:54:30.966Z","publishedAt":"2026-07-24T10:54:30.958Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/Stamped-Card-dY707O.js@NoZ2vfvU2muUIfFY6QWT","previewUrl":"https://punched-cards.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"NoZ2vfvU2muUIfFY6QWT","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-07-24T10:54:31.329Z","updatedAt":"2026-07-24T10:54:31.329Z"},{"id":"019f937e-6f67-748f-b4d1-06295e953d4f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"70076","resolved":true,"title":"Onelov","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Onelov is a bold, high-contrast visual portfolio template crafted for creative agencies, design studios, directors, and independent artists. Designed with ultra-clean typography, structured grid lines, and raw layout precision.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Brutalist Modern Aesthetic:","marks":[{"type":"bold"}]},{"type":"text","text":" High-contrast layouts, stark monochrome balances, and razor-thin structural grid lines designed for high-impact visual presentation."}]},{"type":"paragraph","content":[{"type":"text","text":"Impactful Typography:","marks":[{"type":"bold"}]},{"type":"text","text":" Hero layouts with massive display typography, precise body copy, and subtle circular guidelines to frame your core creative mission."}]},{"type":"paragraph","content":[{"type":"text","text":"Interactive Service Showcase:","marks":[{"type":"bold"}]},{"type":"text","text":" Minimalist numbered list layouts complete with image previews on hover to showcase offerings cleanly."}]},{"type":"paragraph","content":[{"type":"text","text":"Minimalist Project Grid:","marks":[{"type":"bold"}]},{"type":"text","text":" Clean layout focused on imagery with sleek metadata triggers and smooth transitions."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully Responsive & Scalable:","marks":[{"type":"bold"}]},{"type":"text","text":" Fully optimized for all screen sizes, built with Framer’s native layouts for effortless editing."}]},{"type":"paragraph","content":[{"type":"text","text":"No-Code Customization:","marks":[{"type":"bold"}]},{"type":"text","text":" Change fonts, color fields, and content in seconds using color styles and text assets."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect For:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Creative Agencies, Design Studios, Art Directors, Production Houses, Brand Strategists, and Motion Designers looking to stand out with a raw, high-impact web presence."}]}]},"introduction":"Creative Studio Template","slug":"onelov","author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/019f937e-50b8-7328-be99-a04da3844157.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/019f937e-50d7-751a-866b-338353997adb.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/019f937e-50b6-7339-87e5-8f80e03ea906.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/019f937e-51b7-7489-940c-71a2078a7225.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-24T09:39:24.279Z","updatedAt":"2026-07-24T09:39:24.279Z","publishedAt":"2026-07-24T09:39:24.275Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"99","paymentUrl":"https://contra.com/payment-link/DgvwmvU6-one-love-creative-studio-template","remixUrl":null,"previewUrl":"https://onelov.framer.website/","categories":[{"id":3,"name":"Agency","slug":"agency"},{"id":188,"name":"Art & Design","slug":"art-and-design"}],"styles":[],"mainCategory":{"id":3,"name":"Agency","slug":"agency"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":40,"name":"Variable Fonts","slug":"variable-fonts"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"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-24T09:39:24.648Z","updatedAt":"2026-07-24T09:39:24.648Z"},{"id":"019f8a1c-edcd-75bc-8fd5-4941a7254cce","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"6X8ZB7JFtVEZZNSzPVHI","resolved":true,"title":"Events Calender","body":"

This custom events calender component renders an interactive calendar card that displays events.

Users can navigate through months, select event dates, and view event details. It features a morphing UI and a dynamic background shader.

Schedule and prepare for events upfront with a brief, interactive calender card that showcase days, with marked events dates. Each event date comes with custom fields to add details for your venue, time, description etc.

Built with an interaction shader in the background as the default visual, but dynamically switching to an event image based on the event hovered for that particular event.

Ful control over branding for background color, text, images and every detail

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This custom events calender component renders an interactive calendar card that displays events.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Users can navigate through months, select event dates, and view event details. It features a morphing UI and a dynamic background shader."}]},{"type":"paragraph","content":[{"type":"text","text":"Schedule and prepare for events upfront with a brief, interactive calender card that showcase days, with marked events dates. Each event date comes with custom fields to add details for your venue, time, description etc."}]},{"type":"paragraph","content":[{"type":"text","text":"Built with an interaction shader in the background as the default visual, but dynamically switching to an event image based on the event hovered for that particular event."}]},{"type":"paragraph","content":[{"type":"text","text":"Ful control over branding for background color, text, images and every detail"}]}]},"introduction":"A custom events Calender Component","slug":"events-calender","author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/019f8a1c-d47f-71ef-8c8e-a07091b4086c.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-22T13:56:19.137Z","updatedAt":"2026-07-22T13:56:19.137Z","publishedAt":"2026-07-22T13:56:19.133Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://events-calender.framer.website/","price":"12","paymentUrl":"https://contra.com/payment-link/Q26Vs5mJ-events-calender","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"LpylXhy4XFQq19PK44qM","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-22T13:56:19.533Z","updatedAt":"2026-07-22T13:56:19.533Z"},{"id":"019f89d9-4e5c-74ec-96af-47cb0fbf11a1","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"ff5lp3T8Th2NPbji6T0p","resolved":true,"title":"Text Weight Animator","body":"

This Text component animates the font weight of text based on scroll position.

It can be configured to animate when the component itself is scrolled into view or when a specific section on the page is scrolled.

It also supports loading Google Variable Fonts.

For a smooth animation experience in framer, make sure to turn on variable font option in framer if a font has it as this creates the best and smooth experinece in the scroll animation.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This Text component animates the font weight of text based on scroll position.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"It can be configured to animate when the component itself is scrolled into view or when a specific section on the page is scrolled."}]},{"type":"paragraph","content":[{"type":"text","text":"It also supports loading Google Variable Fonts."}]},{"type":"paragraph","content":[{"type":"text","text":"For a smooth animation experience in framer, make sure to turn on variable font option in framer if a font has it as this creates the best and smooth experinece in the scroll animation."}]},{"type":"paragraph"}]},"introduction":"Weight Text Animator Component","slug":"text-weight-animator","author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/019f89d9-34ce-74cf-bd98-59125a7841ba.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-22T12:42:27.471Z","updatedAt":"2026-07-22T17:38:36.104Z","publishedAt":"2026-07-22T12:42:27.462Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://textweight-animator.framer.website/","price":"10","paymentUrl":"https://contra.com/payment-link/mO8zreqA-text-weight-animator","workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"NiyITxsPxlPDLQXak5Ay","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-07-22T12:42:27.804Z","updatedAt":"2026-07-22T12:42:27.804Z"},{"id":"019f89a7-0cde-75eb-b0b4-da8a5147f09c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"uq9ovyX8qP6qy0C7O5Np","resolved":true,"title":"Filter Grid","body":"

Display a filterable gallery of images and videos, with a sidebar for categories and user information.

It includes a lightbox feature for viewing media and adapts its layout based on different breakpoints (mobile, tablet, desktop).

Fully responsive layout with props for controlling grid columns for various breakpoints.

Lightbox support for previewing items each in a focused model.

Editorial style layour design forcused on your visual and content items, no distractions.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Display a filterable gallery of images and videos, with a sidebar for categories and user information.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"It includes a lightbox feature for viewing media and adapts its layout based on different breakpoints (mobile, tablet, desktop)."}]},{"type":"paragraph","content":[{"type":"text","text":"Fully responsive layout with props for controlling grid columns for various breakpoints."}]},{"type":"paragraph","content":[{"type":"text","text":"Lightbox support for previewing items each in a focused model."}]},{"type":"paragraph","content":[{"type":"text","text":"Editorial style layour design forcused on your visual and content items, no distractions."}]}]},"introduction":"Editorial Visual Grid Filter","slug":"filter-grid","author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/019f89a6-f9d3-764e-b121-f4a9fce94df7.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-22T11:47:33.908Z","updatedAt":"2026-07-22T12:19:04.790Z","publishedAt":"2026-07-22T11:47:33.904Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://editorial-filter.framer.website/","price":"12","paymentUrl":"https://contra.com/payment-link/rK3ZnRq2-grid-filter","workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"77sMHltMyXqs8tj6PvyX","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-07-22T11:47:34.238Z","updatedAt":"2026-07-22T11:47:34.238Z"},{"id":"019f8950-cfe0-72d6-84e0-239b01d013d2","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"kBeiN4VmRGbR30jvUstX","resolved":true,"title":"Testimonial Pill","body":"

This component displays a video testimonial card with a carousel-like functionality.

It cycles through testimonials, showing either a video or an image, and includes a quote, name, and role.

The component also features a mute/unmute button for videos and a customizable halftone dot shader background.

Features supported Include

Image | Video upload depending on type of visuals you have for a partficular testimonial.

SubText support for snippets in written words for those who prefer to read.

Font and Color customizations for unique branding.

Shader pattern for a personalized setting.

Infinite browsing as users can cycle through endlessly based on testimonial items you add.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This component displays a video testimonial card with a carousel-like functionality. ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"It cycles through testimonials, showing either a video or an image, and includes a quote, name, and role. "}]},{"type":"paragraph","content":[{"type":"text","text":"The component also features a mute/unmute button for videos and a customizable halftone dot shader background."}]},{"type":"paragraph","content":[{"type":"text","text":"Features supported Include","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Image | Video upload depending on type of visuals you have for a partficular testimonial."}]},{"type":"paragraph","content":[{"type":"text","text":"SubText support for snippets in written words for those who prefer to read."}]},{"type":"paragraph","content":[{"type":"text","text":"Font and Color customizations for unique branding."}]},{"type":"paragraph","content":[{"type":"text","text":"Shader pattern for a personalized setting."}]},{"type":"paragraph","content":[{"type":"text","text":"Infinite browsing as users can cycle through endlessly based on testimonial items you add."}]},{"type":"paragraph"}]},"introduction":"An Interactive Testimoinal Card","slug":"testimonial-pill","author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/019f894b-7344-72a9-b3d2-f534dd3dabaf.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-22T10:13:22.181Z","updatedAt":"2026-07-22T11:11:19.209Z","publishedAt":"2026-07-22T10:13:22.168Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://testimonial-pro.framer.website/","price":"12","paymentUrl":"https://contra.com/payment-link/eFNZRD9H-testimonial-pro","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"wQb36QaffBu5fc6dTdWT","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-22T10:13:22.528Z","updatedAt":"2026-07-22T10:13:22.528Z"},{"id":"019f890f-7b48-772a-9313-e346b2b7f1a7","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"JQqk5c26EMeXzQE79HSt","resolved":true,"title":"Image Disk","body":"

Create animated image puzzle with three concentric disks.

It cycles through a list of images, scrambling and then solving the puzzle by rotating and revealing parts of the next image in sequence.

The component is highly customizable with various controls for image sources, disk sizes, animation timings, and colors.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Create animated image puzzle with three concentric disks. ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"It cycles through a list of images, scrambling and then solving the puzzle by rotating and revealing parts of the next image in sequence. "}]},{"type":"paragraph","content":[{"type":"text","text":"The component is highly customizable with various controls for image sources, disk sizes, animation timings, and colors."}]}]},"introduction":"Cycling Images Disk","slug":"image-disk","author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/019f890f-14eb-779b-99ce-7d1d13e25305.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-22T09:02:00.557Z","updatedAt":"2026-07-22T09:29:57.726Z","publishedAt":"2026-07-22T09:02:00.552Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/ImageDisk-3U4avu.js@hNIBncGiOtyUgxVNlBG8","previewUrl":"https://image-disk.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"7fe42fdd-1b16-4f5a-93b8-009488614de8","name":"Text","slug":"text"}],"lastSaveId":"hNIBncGiOtyUgxVNlBG8","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-07-22T09:02:01.032Z","updatedAt":"2026-07-22T09:02:01.032Z"},{"id":"019f4801-8d2f-734a-937d-99860780b4a8","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"xAIlStBGMfh75qtuGJRx","resolved":true,"title":"Organic Ripples","body":"

Create dynamic background interaction using a ripples shader built for custom web interfaces.

It features liquid style ripple animation that contuously animates with Scroll Zoom support as users scroll up or down the page.

You have total control over what image to add in the ripple with an image field support, Colors control for custom branded interfaces and Parameters like Scroll Zoom, Ripple frequency, Distortion levels, Glow and Grain Particles.

All built to be customizable using the Framer Panel without touching code at all.

This component is suitable for sites that communicate sosphication, animation and realstic natural motion (Ripples).

Creative Agencies, Tech platforms, Saas and Animated Websites are the core audience for this particular component.

","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Create dynamic background interaction using a ripples shader built for custom web interfaces.","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"It features liquid style ripple animation that contuously animates with Scroll Zoom support as users scroll up or down the page."}]},{"type":"paragraph","content":[{"type":"text","text":"You have total control over what image to add in the ripple with an image field support, Colors control for custom branded interfaces and Parameters like Scroll Zoom, Ripple frequency, Distortion levels, Glow and Grain Particles."}]},{"type":"paragraph","content":[{"type":"text","text":"All built to be customizable using the Framer Panel without touching code at all."}]},{"type":"paragraph","content":[{"type":"text","text":"This component is suitable for sites that communicate sosphication, animation and realstic natural motion (Ripples)."}]},{"type":"paragraph","content":[{"type":"text","text":"Creative Agencies, Tech platforms, Saas and Animated Websites are the core audience for this particular component."}]}]},"introduction":"A WebGl ripples animation","slug":"organic-ripples","author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/019f4801-69c9-76bd-959a-f702f1d0cb40.png","metadata":{"tint":{"h":160,"s":38,"l":13},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-09T17:51:28.786Z","updatedAt":"2026-07-09T17:51:28.786Z","publishedAt":"2026-07-09T17:51:28.783Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://organic-ripples.framer.website/","price":"12","paymentUrl":"https://contra.com/payment-link/5rZrL7Y0-organic-ripples-framer-component","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"oTHZYjAecdAiUwXmLUCV","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-09T17:51:29.071Z","updatedAt":"2026-07-09T17:51:29.071Z"},{"id":"019f476c-17e9-767b-abb0-5f9cf7955277","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"XDzCUApBqDHEKykUg9vO","resolved":true,"title":"Film Carousel","body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bring a cinematic, analog aesthetic to your web layouts with this interactive FilmStrip vertical carousel. Perfect for portfolios, photography showcases, and fill carousel component where images in a film strip where the image behind gets spotlighted in a focused model for Contrast & visual appeal."}]},{"type":"paragraph","content":[{"type":"text","text":"Immersive Spotlight Effect","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Center frames dynamically cross-fade into a high-contrast, large overlay spotlight for a focused visual experience per item, This gives users to explore detail, and appreicate each item as a standalone in the Carousel."}]},{"type":"paragraph","content":[{"type":"text","text":"Tactile Interactions","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Smooth, physics-based momentum scrolling optimized for mouse dragging, trackpads, and touch devices."}]},{"type":"paragraph","content":[{"type":"text","text":"Retro Styling","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Features realistic side film-perforations and an optional CSS noise grain overlay with fully adjustable intensity."}]},{"type":"paragraph","content":[{"type":"text","text":"Production Ready","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Fixed 1000×800 canvas drop-in footprint, completely responsive, and fully optimized for static rendering performance."}]}]},"introduction":"Infinite Film Carousel","slug":"film-carousel","author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/019f4766-e512-707c-b229-4d756bedbf39.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-09T15:08:13.841Z","updatedAt":"2026-07-09T15:21:50.995Z","publishedAt":"2026-07-09T15:08:13.837Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://film-carousel.framer.website/","price":"12","paymentUrl":"https://contra.com/payment-link/cuWlAhS6-film-carousel","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"0k7GfKVXoyXLyyLlCrze","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-07-09T15:08:14.185Z","updatedAt":"2026-07-09T15:08:14.185Z"},{"id":"019f46d8-f3dd-76bd-84bb-7190fbaee0d2","title":null,"body":"

WebGL Gallery component is finally here.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"WebGL Gallery component is finally here."}]}]},"author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"8YC49iUzxD9jzZAr3ZQS","resolved":true,"title":"WebGl Gallery","body":"

Create an interactive 3D gallery using Three.js and GLSL shaders.

It displays a series of images and videos that can be dragged and scrolled, featuring dynamic bending and ripple effects on interaction.

This component is built for high end dynamic visual showcases of visuals, videos, and dynamic content in a way that attracts that user attention through interaction design.

It comes with full control offer ripple radius, displacement, bending strength of cards on drag, Video and Image support to create a dynamic mixed experiences for your visual showcases.

Target Audience

Creative Showcases

Creative Agencies

Videography & Photography Gallaries

Any brand that benefits from dynamic, motion experiences.

","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Create an interactive 3D gallery using Three.js and GLSL shaders.","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"It displays a series of images and videos that can be dragged and scrolled, featuring dynamic bending and ripple effects on interaction. "}]},{"type":"paragraph","content":[{"type":"text","text":"This component is built for high end dynamic visual showcases of visuals, videos, and dynamic content in a way that attracts that user attention through interaction design."}]},{"type":"paragraph","content":[{"type":"text","text":"It comes with full control offer ripple radius, displacement, bending strength of cards on drag, Video and Image support to create a dynamic mixed experiences for your visual showcases."}]},{"type":"customHeading","content":[{"type":"text","text":"Target Audience","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Creative Showcases"}]},{"type":"paragraph","content":[{"type":"text","text":"Creative Agencies"}]},{"type":"paragraph","content":[{"type":"text","text":"Videography & Photography Gallaries"}]},{"type":"paragraph","content":[{"type":"text","text":"Any brand that benefits from dynamic, motion experiences."}]}]},"introduction":"A dynamic Gallery component","slug":"webgl-gallery","author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/gv0fe4v2","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-09T12:27:30.854Z","updatedAt":"2026-07-09T12:35:06.439Z","publishedAt":"2026-07-09T12:27:30.851Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://webgl-gallery.framer.website/","price":"12","paymentUrl":"https://contra.com/payment-link/GbyYNJO2-web-gl-gallery","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"VjCNtOTevxab8W45MniZ","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":10,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-09T12:27:31.165Z","updatedAt":"2026-07-09T12:27:31.165Z"},{"id":"019f3c0e-f118-70ea-a965-b7d8c12d7123","title":null,"body":"

A dynamic slider component build in @Framer

Not perfect, but some good progress so far.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A dynamic slider component build in "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}}]},{"type":"paragraph","content":[{"type":"text","text":"Not perfect, but some good progress so far."}]}]},"author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/nzmd01f4QaREHVrJI213JrgGvxhi02gV76q5cpwdcm5tg.m3u8","metadata":{"posterUrl":"https://image.mux.com/nzmd01f4QaREHVrJI213JrgGvxhi02gV76q5cpwdcm5tg/thumbnail.webp?time=10.433","aspectRatio":"1:1","duration":15.333333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-07T10:10:40.027Z","updatedAt":"2026-07-07T10:10:40.027Z"},{"id":"019eefb4-1bfe-75c6-ba26-7af9934d1599","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"CIVAkxsKkIoRmW0ahHhx","resolved":true,"title":"Audio Reactor","body":"

A real time audio reactor component interface with particles that react to soun intensity in real time.

Built to be interactive for creative sites, visualizations & motion driven aesthetics.

You have full control over audio, Volume, vibration intensity and more. With support for acustomization panel that you can activate for users to visualize the component variables in real time.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A real time audio reactor component interface with particles that react to soun intensity in real time."}]},{"type":"paragraph","content":[{"type":"text","text":"Built to be interactive for creative sites, visualizations & motion driven aesthetics."}]},{"type":"paragraph","content":[{"type":"text","text":"You have full control over audio, Volume, vibration intensity and more. With support for acustomization panel that you can activate for users to visualize the component variables in real time."}]}]},"introduction":"An Interactive Audio Reactor","slug":"audio-reactor","author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/qgredmml","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-22T14:20:18.781Z","updatedAt":"2026-06-22T15:21:04.723Z","publishedAt":"2026-06-22T14:20:18.778Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/AudioReactiveMesh-wM33WP.js@b0LZAhIfd0sUSyAVaq24","previewUrl":"https://audio-reactor.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"ae04a700-60cc-429a-b133-88f3c9709ec0","name":"Players","slug":"players"}],"lastSaveId":"b0LZAhIfd0sUSyAVaq24","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":17,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-22T14:20:18.814Z","updatedAt":"2026-06-22T14:20:18.814Z"},{"id":"019ee4aa-0057-756a-be12-baf55f913212","title":null,"body":"

Component Exploration

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Component Exploration"}]}]},"author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/KZhuMdu8Qld1LMoQ4uANF00WAdYrcjp5ieMUy02TgrtiE.m3u8","metadata":{"posterUrl":"https://image.mux.com/KZhuMdu8Qld1LMoQ4uANF00WAdYrcjp5ieMUy02TgrtiE/thumbnail.webp?time=1.683","aspectRatio":"241:180","duration":7.466667}}],"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":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-06-20T10:53:44.275Z","createdAt":"2026-06-20T10:53:27.004Z","updatedAt":"2026-06-20T10:53:44.275Z"},{"id":"019ed81e-e6a7-71ce-81dd-a629b2861202","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"67225","resolved":true,"title":"Decka","body":"$54","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Present startup Ideas & raise funding with an interactive pitch deck experience over static ppts. Share your pitch deck anywhere in the world with real world demos, interactions & live url experience accessible by everyone.","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Ditch Static clucky presentations and Create lively interactive pitch deck presentation with a modern Ptich deck Template. Simply update your presentation details for your deck, publish, and go live."}]},{"type":"paragraph","content":[{"type":"text","text":"It's been built to specifically cater for presentations, Pitch decks with custom componets to specific to these usecases."}]},{"type":"paragraph","content":[{"type":"text","text":"The main Solution this template provides is being able to can share your pitch anywhere online to hence communicating your Ideas, vision & plan to a wider audience than just one time static presentations, with support for reach outs increasing chances of funding, exposure & marketing."}]},{"type":"paragraph","content":[{"type":"text","text":"Including Items like;","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom Graphs for price, number projects."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Lively Shaders for a custom experience."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A Roadmap Custom component to showcase progress, Product timelines & Processes."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Problem, Solution arhitecture structured for presentation."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"11 custom pages design for the pitch deck presentation elements ie Intro, problem, solution, numbers and much more"}]}]}]}]},"introduction":"Pitch Deck Interactive Template","slug":"decka","author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/nos90v4p","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/meeo9dka","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/9wmr961e","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/677234wv","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-06-18T00:26:04.289Z","updatedAt":"2026-06-18T00:26:04.289Z","publishedAt":"2026-06-18T00:26:04.287Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"99","paymentUrl":"https://contra.com/payment-link/ZCUB9EK9-decka-pitch-deck-interactive-template","remixUrl":null,"previewUrl":"https://decka.framer.website/","categories":[{"id":237,"name":"Marketing","slug":"marketing"}],"styles":[],"mainCategory":{"id":291,"name":"Conferences","slug":"conferences"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":21,"name":"CMS","slug":"cms"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-18T00:26:04.327Z","updatedAt":"2026-06-18T00:26:04.327Z"},{"id":"019ed770-0b01-71fd-8405-3b7de2909b9c","title":null,"body":"

The recent Template build is a dark mode style for modern Saas/Tech product teams. Featuring snappy motion & Custom interaction design.

https://sub.chujiqiqi.com/community/marketplace/templates/amp/

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The recent Template build is a dark mode style for modern Saas/Tech product teams. Featuring snappy motion & Custom interaction design."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"https://sub.chujiqiqi.com/community/marketplace/templates/amp/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://sub.chujiqiqi.com/community/marketplace/templates/amp/","target":"_blank"}}]}]}]},"author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/3huOyKJJUR6E2LGXYWxMaP41ZSbPR9L1it7FnSaKXM8.m3u8","metadata":{"posterUrl":"https://image.mux.com/3huOyKJJUR6E2LGXYWxMaP41ZSbPR9L1it7FnSaKXM8/thumbnail.webp?time=5.65","aspectRatio":"1547:1080","duration":7.883333}},{"type":"video","url":"https://stream.mux.com/IBmMDmkv00f1I01C01HZA7HNPfBsu9ad2F6yfoouU51tzE.m3u8","metadata":{"posterUrl":"https://image.mux.com/IBmMDmkv00f1I01C01HZA7HNPfBsu9ad2F6yfoouU51tzE/thumbnail.webp?time=3.067","aspectRatio":"1484:1079","duration":9.083333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":14,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T21:15:04.838Z","updatedAt":"2026-06-17T21:15:04.838Z"},{"id":"019ed554-4599-72de-b577-2ce02e9cf4fa","title":null,"body":"

The Audio Reactor Experience Built with Framer Agent

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"The Audio Reactor Experience Built with Framer Agent"}]}]},"author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[],"contests":[{"id":"019ed554-4599-72de-b577-31cac577eee9","contestId":"agents-hackathon","author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"]},"title":"Audio Reactor","body":"

This Section interface has been built completely with Framer Agent. The layout, animtion + a sound reactive particle system that reacts to audio in realtime.

Built with multiple shapes/forms and customizable properties in an overlay panel in the top right corner

Simply turn audio on, to enjoy the experience.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"This Section interface has been built completely with Framer Agent. The layout, animtion + a sound reactive particle system that reacts to audio in realtime."}]},{"type":"paragraph","content":[{"type":"text","text":"Built with multiple shapes/forms and customizable properties in an overlay panel in the top right corner"}]},{"type":"paragraph","content":[{"type":"text","text":"Simply turn audio on, to enjoy the experience."}]}]},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/5x0de38l","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/7ms6u03p","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"data":{"previewUrl":"https://audio-reactor.framer.website/"},"winner":false,"createdAt":"2026-06-17T11:25:30.434Z","updatedAt":"2026-06-17T11:25:30.434Z"}],"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-17T11:25:30.405Z","updatedAt":"2026-06-17T11:25:30.405Z"},{"id":"019ed243-6c6a-70fd-aec2-cbf8ef8e2cfb","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"66678","resolved":true,"title":"Amp","body":"$55","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"complete","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"website","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"solution","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"for","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"modern","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"tech","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"companies,","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"SaaS","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"products,","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"and startups","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"who","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"need","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"to","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"ship","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"fast","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"without","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"sacrificing","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"quality.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Ship your product site faster with this premium tech template. Dark mode design, CMS collections, interactive effects, and 12 responsive pages. Perfect for SaaS, apps, and startups."}]},{"type":"paragraph","content":[{"type":"text","text":"12","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"Pre-Built","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"Pages:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":" Home (hero, values, team, CTA sections)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":" About Us"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":" Contact (form + info cards)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":" Careers listing with category filters"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":" Job posting detail page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":" Blog listing with featured section"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":" Blog post detail page"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":" FAQs with expandable accordion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":" Waitlist (email capture + countdown)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":" Privacy Policy"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":" Terms of Service"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":" Custom 404 page"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Who","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"This","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"Is","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"For","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"SaaS","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"Companies","marks":[{"type":"bold"}]},{"type":"text","text":" launching or refreshing their product website."}]},{"type":"paragraph","content":[{"type":"text","text":"Startups","marks":[{"type":"bold"}]},{"type":"text","text":" who need a professional site quickly."}]},{"type":"paragraph","content":[{"type":"text","text":"Product","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"Teams","marks":[{"type":"bold"}]},{"type":"text","text":" who want to focus on building, not designing from scratch."}]},{"type":"paragraph","content":[{"type":"text","text":"Why","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"Choose","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"Amplica","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Most templates force you to choose between speed and quality. Amplica gives you both. The modular component system means you can mix and match sections to create unique pages without starting from scratch. The dark theme isn't just aesthetic it's the standard for modern tech products that want to convey sophistication and innovation."}]},{"type":"paragraph","content":[{"type":"text","text":"Every page is designed with conversion in mind, from the strategic placement of CTAs to the smooth animations that keep users engaged. The CMS integration means your marketing team can update blogs and job postings without touching the design."}]},{"type":"paragraph","content":[{"type":"text","text":"Pages:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Home, About, Contact, Careers, Jobs, Blog, Blog Post, FAQs, Waitlist, Privacy, Terms, 404"}]}]},"introduction":"A Saas/Tech Website Template","slug":"amp","author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/kpufi12e","metadata":{"tint":{"h":0,"s":0,"l":16},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/5io0q1ya","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/3dbl17hi","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/mkbgcc4l","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-06-16T21:08:14.521Z","updatedAt":"2026-06-16T21:08:14.521Z","publishedAt":"2026-06-16T21:08:14.516Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"99","paymentUrl":"https://contra.com/payment-link/PTAfYs2j-amp-a-saas-website-template","remixUrl":null,"previewUrl":"https://amp-labs.framer.website/","categories":[{"id":22,"name":"Startup","slug":"startup"},{"id":2,"name":"SaaS","slug":"saas"},{"id":112,"name":"Technology","slug":"technology"}],"styles":[],"mainCategory":{"id":2,"name":"SaaS","slug":"saas"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":41,"name":"Vector Sets","slug":"vector-sets"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"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-16T21:08:14.570Z","updatedAt":"2026-06-16T21:08:14.570Z"},{"id":"019ed22d-ed43-7339-a343-bd31870e5c8f","title":null,"body":"

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"."}]}]},"author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"L4zGEL46jjAo8FbsVMso","resolved":true,"title":"Button To Form","body":"

A component that creates a morphic button to Contact form experience in framer. Built for sites that value minimalism with interaction design.

Instead taking you to a spefic page or link, the button morphs into a contact form right there for users to submit their inquiries in seconds saving you time and pontentially increasing more bookings.

You have total control over the component field placeholders, Form title text and more.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A component that creates a morphic button to Contact form experience in framer. Built for sites that value minimalism with interaction design."}]},{"type":"paragraph","content":[{"type":"text","text":"Instead taking you to a spefic page or link, the button morphs into a contact form right there for users to submit their inquiries in seconds saving you time and pontentially increasing more bookings."}]},{"type":"paragraph","content":[{"type":"text","text":"You have total control over the component field placeholders, Form title text and more."}]}]},"introduction":"A morphic Button to Form Component","slug":"button-to-form","author":{"framerUserId":"2ce00227-e754-4780-87eb-5ab30c5e5271","name":"yahya","slug":"yahya","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/98373/avatar-p7HylKLBveG3VnulZPJqNFLNgEe2HI.jpg","badges":["available","expert"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2ce00227-e754-4780-87eb-5ab30c5e5271/rt2d59yj","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-06-16T20:44:45.713Z","updatedAt":"2026-06-18T00:15:32.879Z","publishedAt":"2026-06-16T20:44:45.698Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://sub.chujiqiqi.com/m/Button-To-Form-lOxUem.js@Jf9V1EOKtnZyElQF3zQo","previewUrl":"https://button-to-form.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"bc230830-1d89-456e-96fe-6a9de5a801d0","name":"Forms","slug":"forms"}],"lastSaveId":"Jf9V1EOKtnZyElQF3zQo","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":19,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-16T20:44:45.764Z","updatedAt":"2026-06-16T20:44:45.764Z"}],"pagination":{"next":"MDE5ZWQyMmQtZWQ0My03MzM5LWEzNDMtYmQzMTg3MGU1Yzhm","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L56"}]