61:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/3o5qsyzxffd89.js","/creators-assets/_next/static/immutable/chunks/0sdd6rzuigoor.js","/creators-assets/_next/static/immutable/chunks/04onqby6uwgz7.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/0yulab_mho2q7.js","/creators-assets/_next/static/immutable/chunks/3_6nvj55e699g.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/3fyhezch4qqad.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0v2aom8xv86j9.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0s-n7u5-dwtml.js"],"S"] 62:T822,

Elevate your Framer projects with Awwwards-level interactions.

Aether Kinetic Deck is not just another carousel. It is a premium, physics-driven spatial deck inspired by Apple's visionOS and top-tier agency websites. Designed for creators who demand buttery-smooth animations and cinematic depth, this component transforms your content into a high-end interactive experience.

Instead of flat sliding, cards fan out dynamically. As they move away from the center, they scale down, drop in elevation, and beautifully blur out (Depth of Field), creating a stunning 3D spatial illusion.

Premium Features:

Universal Component Support: Don't just use images. Connect ANY custom Framer component (Testimonials, Pricing Cards, Video Players) directly into the deck!
Cinematic Depth of Field: Automatic spatial scaling, blurring, and Z-index management based on the card's position.
Buttery Smooth Physics: Powered by advanced Framer Motion spring physics for natural momentum dragging, snapping, and clicking.
Click-to-Active: Tap any side card, and the deck smoothly rotates it to the center focus.
Dynamic Glass Navigation: Includes premium frosted-glass arrows and Apple-style morphing dots (pill-effect).
Highly Customizable: Fully adjustable spread angles, arc radius, drag sensitivity, auto-play, and colors right from the Framer property panel.

Perfect For: Portfolio showcases, premium feature highlights, exclusive product galleries, and high-converting testimonial sections.

Built with performance in mind—utilizing strict hardware acceleration and viewport observers to ensure your site runs at a flawless 60FPS.

Preview: https://aetherkineticdeck.framer.website/

63:T731,

Step away from boring, flat carousels. Meet Vanguard 3D Slider — a premium, hardware-accelerated spatial gallery designed to give your Framer site an Awwwards-level interactive experience.

Unlike standard 3D sliders that suffer from lag and frame drops, Vanguard V2 is meticulously engineered for pure performance. By utilizing Framer Motion's advanced modulo mathematics and hardware-accelerated properties (bypassing heavy CSS filters), it guarantees a buttery-smooth 60-120fps scrubbing experience, even on mobile.

Drag it, throw it, and watch it magnetize perfectly to the center with natural spring physics.

Premium Features:

True Infinite Loop: Cards seamlessly teleport in the background using advanced modulo math. No dead ends, just endless scrolling.
Cinematic Spatial Depth: Items automatically scale down and gracefully fade into the background as they move away from the center.
Magnetic Snapping: Swipe or throw the carousel, and the inertia physics will naturally snap the nearest card into perfect focus.
Ultra-Lightweight Engine: 100% GPU-accelerated. We removed heavy CSS blurs and replaced them with dynamic opacity overlays to ensure zero lag.
Editor Friendly: Built-in isStatic guards mean your Framer canvas won't freeze or slow down while designing.
Fully Customizable: Tweak the 3D depth, curve angle, spacing, and drag physics directly from the Framer properties panel. No coding required.

Perfect for: High-end architecture portfolios, luxury e-commerce showcases, photography galleries, and premium agency landing pages.

64:T75f,

Bring the iconic, cinematic "Apple product page" experience to your Framer projects in seconds with the Chronos Scroll Stack.

Chronos is a highly performant, scroll-driven sticky gallery. As your users scroll down the page, the current image seamlessly scales down, dims into the background (creating a 3D depth effect), and allows the next image to beautifully slide up and overlap it.

Building this effect manually in Framer can take hours and often results in scrolling lag. Chronos solves this by utilizing pure React and Framer Motion's advanced useScroll hooks, tied directly to GPU-accelerated properties for a buttery-smooth 60fps scrubbing experience.

Premium Features:

Cinematic Depth Stacking: Automatic scale-down and dim-opacity effects as images get pushed back.
1:1 Scroll Scrubbing: The animation follows the user's scroll wheel perfectly. Includes a "Smooth Scrub" option to add a subtle spring physics delay.
Ultra-High Performance: Engineered with Framer's strict marketplace standards. Uses useIsStaticRenderer and hardware acceleration (transform/scale) to ensure zero lag in the editor and on the live site.
Zero Dependencies: Pure Framer Motion magic. No heavy external libraries.
Fully Customizable: Adjust the scroll distance, scale ratio, dim opacity, and corner radius directly from the Framer properties panel.
CMS Ready: Effortlessly connect your Framer CMS collection to generate unlimited stacked layers.

Perfect for: SaaS feature showcases, premium product landing pages (like hardware or physical goods), and high-end creative portfolios.

65:T63d,

Step into the future of web design with Lumina 3D Gallery, a premium, hardware-accelerated spatial carousel built exclusively for Framer.

Unlike standard 3D carousels that suffer from lag and heavy DOM structures, Lumina is engineered from the ground up using React and Framer Motion Spring physics. It guarantees a buttery-smooth 60fps experience, even on mobile devices.

Give your clients the "Apple-level" presentation they deserve with built-in glassmorphism glare, dynamic floor reflections, and seamless drag/swipe interactions.

Key Features:

Ultra-High Performance: Hardware-accelerated CSS (preserve-3d, translateZ) ensures zero stuttering during scroll or drag.
Spatial Aesthetics: Features automatic floor reflections and a dynamic glossy glass layer over your images.
Physics-Based Drag: Feels incredibly natural with momentum and inertia when swiped.
Zero Dependencies: Pure React & Framer Motion. No heavy Three.js libraries that slow down your site load.
Fully Customizable: Tweak the 3D radius, perspective, gap, and animation speed directly from Framer's right panel. No coding required!
CMS Ready: Easily connect to your Framer CMS collection in seconds.

Perfect for:

Portfolio showcases, E-commerce product galleries, Photography websites, and SaaS feature highlights.

66:T894,

Stop settling for basic, glitchy carousels.Meet Aura 3D Carousel—the ultimate, high-end slider component engineered specifically for Framer. Designed for agencies, portfolio sites, and premium SaaS landing pages, Aura combines three distinct spatial layouts into one powerful component.

3 Unique Layout Modes included:

Coverflow: The classic, elegant 3D tilted effect. Perfect for showcasing apps or NFT galleries.
3D Stack: A deep, layered stack where cards dynamically scale and fade in the background.
Modern Slide: A clean, centered-focus layout with smooth opacity and scale transitions.

Why Aura is Different (The Premium Edge):

Flawless Infinite Looping: Built with a custom mathematical index algorithm. No more jumping or glitching when you reach the end of the items. It spins forever.
Smart Auto-Fill Images: Just drop your items in. Aura automatically forces your images/components to fit perfectly and allows you to control the Border Radius globally.
Intelligent UI Engine: Choose from 7 different arrow positions. If you select "Bottom Center," the pagination dots will automatically shift upwards to prevent overlapping!
Glassmorphism Controls: Includes highly refined, Apple-like frosted glass navigation arrows with customizable dual-drop shadows.
Mobile Optimized: Fully integrated with Framer Motion gestures for a buttery-smooth swipe/drag experience on phones and tablets.

How to use:

Drag the Aura Component onto your canvas.
Connect your desired components, images, or CMS items into the "Cards/Items" property.
Choose your Effect Style, tweak the styling via the right panel, and publish!

67:T903,

Turn Website Visitors into Floating Chat Conversations

Don't settle for basic, static buttons. Floating Chat Connect is a meticulously crafted code component that brings the authentic, native WhatsApp experience directly into your Framer website.

Designed to maximize conversions, it utilizes micro-interactions to make visitors feel like a real human is already waiting to assist them.

Premium Features:

Smart Quick Replies: Pre-fill the chat input with up to 3 custom prompts (e.g., "Track my order" or "Need support"), reducing friction for the user.
Built-in Emoji Picker: A beautifully animated mini emoji picker right inside the widget, allowing users to express themselves before sending the message.
Psychological Triggers: A customizable red notification badge on the chat icon creates a sense of urgency, proven to increase click-through rates.
Humanized Typing Indicator: A realistic "Typing..." animation plays for 1.2 seconds before the agent's greeting appears, building interactive anticipation.
Authentic UI Design: Features the subtle, iconic general doodle background pattern and online status indicators.

100% Customizable in Framer Sidebar:

Change the agent's name, role, and avatar.
Set your own brand theme color (doesn't have to be green!).
Toggle shadows, notification badges, and widget position (Left or Right alignment).
Add your number, and the component automatically cleans the format to prevent broken API links.

Installation

Copy the component and paste it into your project. Just drag, drop, customize your properties, and start chatting with your customers instantly.

Full preview: https://many-calendar-236274.framer.app/

Have questions or want to build something extraordinary? Reach out at agiefaishal@gmail.com

68:T52b,

Elite Features:

Play in Editor: Experience the fluid animation and mouse interactions directly inside your Framer canvas—no need to preview!
Interactive Light Sweep: The 3D mesh realistically bends and reflects light based on the user's mouse movement.
Endless Customization: Take full control over 4 base colors, liquid folds (complexity), flow speed, and chrome shine (metalness).
High-Performance WebGL: Silky smooth 60fps rendering, fully responsive, and highly optimized so your site stays fast.

Use Cases:

Hero Section Backgrounds: Instantly grab attention for Web3, AI, or SaaS landing pages.
High-End Portfolios: Perfect for designers and creative agencies wanting to show a premium touch.
Premium Product Teasers: Achieve that sleek, Apple-esque "Liquid Metal" aesthetic for tech products.
Dark Mode Interfaces: Enhance modern UI designs with deep space and glowing neon holographic effects.

69:T900,

Stop settling for CSS gradients that band and break on high-resolution displays. Luxe Silk Ribbon is a premium, WebGL-powered component that brings the breathtaking motion of flowing, translucent silk directly to your Framer canvas.

Crafted with mathematical precision, this "living" mesh bends, folds, and elegantly tracks the user's cursor in real-time—delivering a tactile, high-end feel that static images simply cannot match.

Elite Features

Organic Fluidity: Powered by advanced Domain Warping, the ribbon creates an asymmetrical, 3D depth effect—razor-sharp edges meeting soft, ethereal fades.
Hyper-Tactile Detail: Zoom in to discover procedural micro-fibers. These digital "silk threads" add a layer of tangible luxury that makes your UI feel premium.
Cinematic Smoothness: Integrated dithering algorithms eliminate color banding entirely. Your gradients will look flawlessly smooth, even on the deepest OLED blacks.
Intuitive Control Engine: No code, no complexity. Customize 4-tone color palettes, flow speed, and fiber intensity directly from the Framer properties panel.
Infinite Layouts: Use the X/Y offset and rotation engine to pin the ribbon exactly where you need it—from subtle corner accents to bold hero backdrops.

Use Cases

SaaS & AI Landing Pages: Add a "living" tech-organic background to highlight futuristic value propositions.
High-End Portfolios: Create a sophisticated, interactive backdrop for your "Work" or "Contact" sections that reacts to user movement.
Luxury E-Commerce: Use the ribbon to accent product cards for watches, fashion, or real estate, giving the page a "boutique" editorial feel.
Interactive Hero Sections: Place the ribbon behind a bold H1 title to create a sense of depth and motion that keeps users scrolling.

Installation

Luxury in 10 seconds. Copy the component, paste it into your project, and set its position to absolute. Instant elevation for any layout.

6a:T8a5,

Full Preview: https://hiiv3.framer.website/

Bring Awwwards-winning aesthetics to your Framer projects with the Light Ribbon component. Designed for high-end digital experiences, this premium WebGL module generates a stunning, mathematically perfect light wave that bends dynamically to user cursor movements.

Forget heavy, pixelated video backgrounds. This component uses an ultra-optimized 2D SDF (Signed Distance Field) formula to ensure buttery-smooth 60fps performance across all devices, while maintaining native alpha transparency for flawless dark-mode blending.

Key Features:

Fluid Interactivity: The light ribbon organically pulls towards the mouse, creating a subtle, premium gravity effect that delights users.
Zero Code Required: Fully integrated with Framer's property panel. Tweak background colors, wave color, light intensity, speed, amplitude, and frequency instantly.
Cinematic Polish: Comes with built-in animated analog film grain and subtle edge vignettes to draw focus to your typography.
Hyper-Optimized: Lightweight WebGL implementation ensures peak performance on both high-end desktops and mobile devices.
True Dark Mode Blending: Flawless alpha math guarantees zero color banding on deep dark backgrounds (like #1C1C1C).

Perfect For:

Creative & Design Agency Sites
High-End Portfolios & Resumes
Luxury Brand Landing Pages
SaaS, Web3 & Tech Startups

How to Use:

Simply paste the component into your Framer canvas, set it to absolute positioning with a 0 z-index, tweak the sliders to match your brand colors, and publish. Instant premium feel in seconds.

60:["$","$L61",null,{"value":{"fallback":{"$inf$activity-creator-265484c2-fd88-4930-9891-2e233c7e9a8f-all:/unified/creator/265484c2-fd88-4930-9891-2e233c7e9a8f/activity/":[{"data":[{"id":"019f25eb-4b96-721d-b37e-e7facec935f4","type":"component.created","target":{"type":"component","id":"5GQy8Vhd39r7l4DuS2rc","preview":"Aether Kinetic Deck","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/265484c2-fd88-4930-9891-2e233c7e9a8f/nsoq5vh5","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","slug":"agie-faishal","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-07-03T03:00:05.142Z","latestAt":"2026-07-03T03:00:05.142Z"},{"id":"019f1d3c-99e4-7538-a0f7-bde41f1d8c76","type":"vector.created","target":{"type":"vector","id":"R5wwhCvpULn52LrLDcxi","preview":"Gen-Z Remote Pack","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/265484c2-fd88-4930-9891-2e233c7e9a8f/kq62vg1a","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","slug":"agie-faishal","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"vector","visibility":"public","startedAt":"2026-07-01T10:32:18.660Z","latestAt":"2026-07-01T10:32:18.660Z"},{"id":"019ef3ee-12f8-7399-99b6-4d1d4a35b150","type":"component.created","target":{"type":"component","id":"VFFl7cIpNBVcqf3efb4v","preview":"Vanguard 3D Slider","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/265484c2-fd88-4930-9891-2e233c7e9a8f/c6ko0t8p","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","slug":"agie-faishal","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-23T10:02:06.456Z","latestAt":"2026-06-23T10:02:06.456Z"},{"id":"019eeccd-379d-75f1-9ae0-d159177cd918","type":"component.created","target":{"type":"component","id":"2rkuxhOqbYMQmLklwoMN","preview":"Chronos Scroll Stack","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/265484c2-fd88-4930-9891-2e233c7e9a8f/0ivhobye","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","slug":"agie-faishal","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-22T00:48:52.637Z","latestAt":"2026-06-22T00:48:52.637Z"},{"id":"019ee90f-f918-75ec-897b-0bf28afce8de","type":"component.created","target":{"type":"component","id":"94TJlkXGScSXzELTII9m","preview":"Lumina 3D Gallery","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/265484c2-fd88-4930-9891-2e233c7e9a8f/fsny17x8","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","slug":"agie-faishal","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-06-21T07:23:18.680Z","latestAt":"2026-06-21T07:23:18.680Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:265484c2-fd88-4930-9891-2e233c7e9a8f:/unified/posts/?creator=265484c2-fd88-4930-9891-2e233c7e9a8f&with=reposts":[{"data":[{"id":"019f25eb-4b49-765d-b20b-85f183edc83a","title":null,"body":"

Meet the Aether Kinetic Deck 🪐 — The most cinematic, physics-driven spatial card carousel for Framer.

Say goodbye to boring sliders. Featuring Awwwards-level 3D depth of field, fluid spring dragging, and full support for custom Framer components. Perfect for portfolios and premium landing pages!

Get it now and instantly elevate your site's interaction!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet the Aether Kinetic Deck "},{"type":"emoji","attrs":{"name":"ringed_planet","emoji":"🪐"}},{"type":"text","text":" — The most cinematic, physics-driven spatial card carousel for Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"Say goodbye to boring sliders. Featuring Awwwards-level 3D depth of field, fluid spring dragging, and full support for custom Framer components. Perfect for portfolios and premium landing pages!"}]},{"type":"paragraph","content":[{"type":"text","text":"Get it now and instantly elevate your site's interaction!"}]}]},"author":{"framerUserId":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","slug":"agie-faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"5GQy8Vhd39r7l4DuS2rc","resolved":true,"title":"Aether Kinetic Deck","body":"$62","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Elevate your Framer projects with Awwwards-level interactions.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Aether Kinetic Deck is not just another carousel. It is a premium, physics-driven spatial deck inspired by Apple's visionOS and top-tier agency websites. Designed for creators who demand buttery-smooth animations and cinematic depth, this component transforms your content into a high-end interactive experience."}]},{"type":"paragraph","content":[{"type":"text","text":"Instead of flat sliding, cards fan out dynamically. As they move away from the center, they scale down, drop in elevation, and beautifully blur out (Depth of Field), creating a stunning 3D spatial illusion."}]},{"type":"paragraph","content":[{"type":"text","text":"Premium Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Universal Component Support:","marks":[{"type":"bold"}]},{"type":"text","text":" Don't just use images. Connect ANY custom Framer component (Testimonials, Pricing Cards, Video Players) directly into the deck!"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cinematic Depth of Field:","marks":[{"type":"bold"}]},{"type":"text","text":" Automatic spatial scaling, blurring, and Z-index management based on the card's position."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Buttery Smooth Physics:","marks":[{"type":"bold"}]},{"type":"text","text":" Powered by advanced Framer Motion spring physics for natural momentum dragging, snapping, and clicking."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click-to-Active:","marks":[{"type":"bold"}]},{"type":"text","text":" Tap any side card, and the deck smoothly rotates it to the center focus."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dynamic Glass Navigation:","marks":[{"type":"bold"}]},{"type":"text","text":" Includes premium frosted-glass arrows and Apple-style morphing dots (pill-effect)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Highly Customizable:","marks":[{"type":"bold"}]},{"type":"text","text":" Fully adjustable spread angles, arc radius, drag sensitivity, auto-play, and colors right from the Framer property panel."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect For:","marks":[{"type":"bold"}]},{"type":"text","text":" Portfolio showcases, premium feature highlights, exclusive product galleries, and high-converting testimonial sections."}]},{"type":"paragraph","content":[{"type":"text","text":"Built with performance in mind—utilizing strict hardware acceleration and viewport observers to ensure your site runs at a flawless 60FPS."}]},{"type":"paragraph","content":[{"type":"text","text":"Preview: "},{"type":"text","text":"https://aetherkineticdeck.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://aetherkineticdeck.framer.website/","target":"_blank"}}]}]}]},"introduction":"Cinematic spatial 3D card deck","slug":"aether-kinetic-deck","author":{"framerUserId":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","slug":"agie-faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/265484c2-fd88-4930-9891-2e233c7e9a8f/nsoq5vh5","metadata":{"tint":{"h":0,"s":0,"l":9},"width":3064,"height":2298}}],"post":null,"createdAt":"2026-07-03T03:00:05.010Z","updatedAt":"2026-07-03T03:00:05.010Z","publishedAt":"2026-07-03T03:00:05.005Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://aetherkineticdeck.framer.website/","price":"3","paymentUrl":"https://agiefaishal.lemonsqueezy.com/checkout/buy/a812dfba-3785-4b20-b731-83c1bd021245","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"IDcXYAaovvN4jth94VpK","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-03T03:00:05.065Z","updatedAt":"2026-07-03T03:00:05.065Z"},{"id":"019f1d3c-99aa-774d-b5a4-771b7d9b3aa9","title":null,"body":"

🚀 Just Dropped! The ultimate vector pack for modern SaaS & Startups.

Tired of searching for the perfect landing page illustrations? Meet the Gen-Z Remote Pack. 16 minimalist, digital-productivity-themed illustrations designed specifically for the Framer ecosystem.

✨ Why you'll love it: • Clean-line, modern design tailored for 2026 UI trends. • Natively linked to Framer Color Variables (Change the accent green to your brand's color in just 1 click!) • Lightweight, ready-to-use components.

Elevate your website's visuals today. Grab it now!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" "},{"type":"text","text":"Just Dropped! The ultimate vector pack for modern SaaS & Startups.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Tired of searching for the perfect landing page illustrations? Meet the "},{"type":"text","text":"Gen-Z Remote Pack","marks":[{"type":"bold"}]},{"type":"text","text":". 16 minimalist, digital-productivity-themed illustrations designed specifically for the Framer ecosystem."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}},{"type":"text","text":" "},{"type":"text","text":"Why you'll love it:","marks":[{"type":"bold"}]},{"type":"text","text":" • Clean-line, modern design tailored for 2026 UI trends. • Natively linked to Framer Color Variables (Change the accent green to your brand's color in just 1 click!) • Lightweight, ready-to-use components."}]},{"type":"paragraph","content":[{"type":"text","text":"Elevate your website's visuals today. Grab it now!"}]}]},"author":{"framerUserId":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","slug":"agie-faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"R5wwhCvpULn52LrLDcxi","resolved":true,"title":"Gen-Z Remote Pack","body":"

Elevate your Framer projects with this premium collection of modern, minimalist character vectors. Designed for the 2026 digital landscape, this pack features a relatable Gen-Z/Millennial character engaged in everyday activities—from coding and remote work to yoga and gardening.

Perfect for: SaaS landing pages, startup websites, personal portfolios, and tech blogs.

Features:

10+ versatile poses (Productivity, Lifestyle, Tech)
Clean, flat-line design that loads lightning fast
Easily customizable accent colors to match your brand's UI
Fully scalable vector formats built for Framer

Humanize your digital product and engage your users with these trendy, ready-to-use illustrations!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Elevate your Framer projects with this premium collection of modern, minimalist character vectors. Designed for the 2026 digital landscape, this pack features a relatable Gen-Z/Millennial character engaged in everyday activities—from coding and remote work to yoga and gardening."}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for:","marks":[{"type":"bold"}]},{"type":"text","text":" SaaS landing pages, startup websites, personal portfolios, and tech blogs."}]},{"type":"paragraph","content":[{"type":"text","text":"Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"10+ versatile poses (Productivity, Lifestyle, Tech)"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clean, flat-line design that loads lightning fast"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easily customizable accent colors to match your brand's UI"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully scalable vector formats built for Framer"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Humanize your digital product and engage your users with these trendy, ready-to-use illustrations!"}]}]},"introduction":"Minimalist vectors for modern SaaS","slug":"gen-z-remote-pack","author":{"framerUserId":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","slug":"agie-faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/265484c2-fd88-4930-9891-2e233c7e9a8f/kq62vg1a","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/265484c2-fd88-4930-9891-2e233c7e9a8f/jk1xyn29","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-07-01T10:32:18.525Z","updatedAt":"2026-07-01T10:32:18.525Z","publishedAt":"2026-07-01T10:32:18.519Z","featuredAt":null,"approvedAt":null,"type":"vector","attributes":{"url":null,"price":"5","paymentUrl":"https://agiefaishal.lemonsqueezy.com/checkout/buy/1371f4cc-a956-41d5-a665-b6c7549822b6","vectorCount":16,"categories":[{"id":"78e55a4a-220e-474c-9a7f-690f940cb1de","name":"Illustrations","slug":"illustrations"}],"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-07-01T10:32:18.602Z","updatedAt":"2026-07-01T10:32:18.602Z"},{"id":"019ef3ee-12c4-71f8-9f8a-f59beebc95e4","title":null,"body":"

🚀 Upgrade your site's gallery with the Vanguard 3D Slider.

I built this spatial carousel to solve the #1 problem with 3D sliders in Framer: lag. Vanguard uses advanced modulo math and pure GPU-accelerated transforms to deliver a true infinite loop with buttery-smooth, 60fps drag physics. Complete with cinematic depth, magnetic snapping, and zero heavy CSS filters.

Try dragging it yourself in the live demo below! 👇✨

Vanguard 3D Slider

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" Upgrade your site's gallery with the "},{"type":"text","text":"Vanguard 3D Slider","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"I built this spatial carousel to solve the #1 problem with 3D sliders in Framer: lag. Vanguard uses advanced modulo math and pure GPU-accelerated transforms to deliver a true infinite loop with buttery-smooth, 60fps drag physics. Complete with cinematic depth, magnetic snapping, and zero heavy CSS filters."}]},{"type":"paragraph","content":[{"type":"text","text":"Try dragging it yourself in the live demo below! "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Vanguard 3D Slider","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://vanguardslider.framer.website/","target":"_blank"}}]}]}]},"author":{"framerUserId":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","slug":"agie-faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"VFFl7cIpNBVcqf3efb4v","resolved":true,"title":"Vanguard 3D Slider","body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Step away from boring, flat carousels. Meet "},{"type":"text","text":"Vanguard 3D Slider","marks":[{"type":"bold"}]},{"type":"text","text":" — a premium, hardware-accelerated spatial gallery designed to give your Framer site an Awwwards-level interactive experience."}]},{"type":"paragraph","content":[{"type":"text","text":"Unlike standard 3D sliders that suffer from lag and frame drops, Vanguard V2 is meticulously engineered for pure performance. By utilizing Framer Motion's advanced modulo mathematics and hardware-accelerated properties (bypassing heavy CSS filters), it guarantees a buttery-smooth 60-120fps scrubbing experience, even on mobile."}]},{"type":"paragraph","content":[{"type":"text","text":"Drag it, throw it, and watch it magnetize perfectly to the center with natural spring physics."}]},{"type":"paragraph","content":[{"type":"text","text":" "},{"type":"text","text":"Premium Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"True Infinite Loop:","marks":[{"type":"bold"}]},{"type":"text","text":" Cards seamlessly teleport in the background using advanced modulo math. No dead ends, just endless scrolling."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cinematic Spatial Depth:","marks":[{"type":"bold"}]},{"type":"text","text":" Items automatically scale down and gracefully fade into the background as they move away from the center."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Magnetic Snapping:","marks":[{"type":"bold"}]},{"type":"text","text":" Swipe or throw the carousel, and the inertia physics will naturally snap the nearest card into perfect focus."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ultra-Lightweight Engine:","marks":[{"type":"bold"}]},{"type":"text","text":" 100% GPU-accelerated. We removed heavy CSS blurs and replaced them with dynamic opacity overlays to ensure zero lag."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Editor Friendly:","marks":[{"type":"bold"}]},{"type":"text","text":" Built-in isStatic guards mean your Framer canvas won't freeze or slow down while designing."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Customizable:","marks":[{"type":"bold"}]},{"type":"text","text":" Tweak the 3D depth, curve angle, spacing, and drag physics directly from the Framer properties panel. No coding required."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for:","marks":[{"type":"bold"}]},{"type":"text","text":" High-end architecture portfolios, luxury e-commerce showcases, photography galleries, and premium agency landing pages."}]}]},"introduction":"Ultra-smooth infinite 3D carousel","slug":"vanguard-3d-slider","author":{"framerUserId":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","slug":"agie-faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/265484c2-fd88-4930-9891-2e233c7e9a8f/c6ko0t8p","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3064,"height":2298}}],"post":null,"createdAt":"2026-06-23T10:02:06.372Z","updatedAt":"2026-06-23T10:02:06.372Z","publishedAt":"2026-06-23T10:02:06.368Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://vanguardslider.framer.website/","price":"9","paymentUrl":"https://agiefaishal.lemonsqueezy.com/checkout/buy/9351e64d-9bb5-4eb4-bdb6-7a91214b6ca7","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"ZGAAsK4An2lKVz7TzDSg","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-23T10:02:06.404Z","updatedAt":"2026-06-23T10:02:06.404Z"},{"id":"019eeccd-3760-7799-9767-8a072134ec90","title":null,"body":"

Want that immersive Apple-style scroll effect on your Framer site?

Meet Chronos Scroll Stack – a performant, scroll-driven sticky gallery that stacks your images with cinematic 3D depth. Engineered with Framer Motion scroll hooks and hardware acceleration to guarantee a buttery-smooth 60fps experience, with zero lag. Just drag, drop, and scroll!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Want that immersive Apple-style scroll effect on your Framer site?"}]},{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"Chronos Scroll Stack","marks":[{"type":"bold"}]},{"type":"text","text":" – a performant, scroll-driven sticky gallery that stacks your images with cinematic 3D depth. Engineered with Framer Motion scroll hooks and hardware acceleration to guarantee a buttery-smooth 60fps experience, with zero lag. Just drag, drop, and scroll! "}]}]},"author":{"framerUserId":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","slug":"agie-faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"2rkuxhOqbYMQmLklwoMN","resolved":true,"title":"Chronos Scroll Stack","body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Bring the iconic, cinematic \"Apple product page\" experience to your Framer projects in seconds with the "},{"type":"text","text":"Chronos Scroll Stack","marks":[{"type":"bold"}]},{"type":"text","text":"."}]},{"type":"paragraph","content":[{"type":"text","text":"Chronos is a highly performant, scroll-driven sticky gallery. As your users scroll down the page, the current image seamlessly scales down, dims into the background (creating a 3D depth effect), and allows the next image to beautifully slide up and overlap it."}]},{"type":"paragraph","content":[{"type":"text","text":"Building this effect manually in Framer can take hours and often results in scrolling lag. Chronos solves this by utilizing pure React and Framer Motion's advanced useScroll hooks, tied directly to GPU-accelerated properties for a buttery-smooth 60fps scrubbing experience."}]},{"type":"paragraph","content":[{"type":"text","text":" "},{"type":"text","text":"Premium Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Cinematic Depth Stacking:","marks":[{"type":"bold"}]},{"type":"text","text":" Automatic scale-down and dim-opacity effects as images get pushed back."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"1:1 Scroll Scrubbing:","marks":[{"type":"bold"}]},{"type":"text","text":" The animation follows the user's scroll wheel perfectly. Includes a \"Smooth Scrub\" option to add a subtle spring physics delay."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ultra-High Performance:","marks":[{"type":"bold"}]},{"type":"text","text":" Engineered with Framer's strict marketplace standards. Uses useIsStaticRenderer and hardware acceleration (transform/scale) to ensure zero lag in the editor and on the live site."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zero Dependencies:","marks":[{"type":"bold"}]},{"type":"text","text":" Pure Framer Motion magic. No heavy external libraries."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Customizable:","marks":[{"type":"bold"}]},{"type":"text","text":" Adjust the scroll distance, scale ratio, dim opacity, and corner radius directly from the Framer properties panel."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS Ready:","marks":[{"type":"bold"}]},{"type":"text","text":" Effortlessly connect your Framer CMS collection to generate unlimited stacked layers."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for:","marks":[{"type":"bold"}]},{"type":"text","text":" SaaS feature showcases, premium product landing pages (like hardware or physical goods), and high-end creative portfolios."}]}]},"introduction":"Cinematic Apple-style scroll depth","slug":"chronos-scroll-stack","author":{"framerUserId":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","slug":"agie-faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/265484c2-fd88-4930-9891-2e233c7e9a8f/0ivhobye","metadata":{"tint":{"h":60,"s":17,"l":51},"width":3064,"height":2298}}],"post":null,"createdAt":"2026-06-22T00:48:52.540Z","updatedAt":"2026-06-22T00:48:52.540Z","publishedAt":"2026-06-22T00:48:52.536Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://chronostack.framer.website/","price":"9","paymentUrl":"https://agiefaishal.lemonsqueezy.com/checkout/buy/9a28bf25-6728-48cf-8a81-c5c0c8b3651b","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"JeHFYcIDVreFSwColbWx","tags":[]}}],"contests":[],"categories":[],"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-22T00:48:52.576Z","updatedAt":"2026-06-22T00:48:52.576Z"},{"id":"019ee90f-f8dc-754b-a6df-e29eef920245","title":null,"body":"

🚀 Meet Lumina 3D Gallery – The smoothest, most performant spatial carousel for Framer. Built with pure React & Framer Motion physics to guarantee 60fps interactions without heavy dependencies. Complete with floor reflections, glass glare, and full property controls. Upgrade your Framer site today! ✨

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":" Meet "},{"type":"text","text":"Lumina 3D Gallery","marks":[{"type":"bold"}]},{"type":"text","text":" – The smoothest, most performant spatial carousel for Framer. Built with pure React & Framer Motion physics to guarantee 60fps interactions without heavy dependencies. Complete with floor reflections, glass glare, and full property controls. Upgrade your Framer site today! "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]}]},"author":{"framerUserId":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","slug":"agie-faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"94TJlkXGScSXzELTII9m","resolved":true,"title":"Lumina 3D Gallery","body":"$65","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Step into the future of web design with "},{"type":"text","text":"Lumina 3D Gallery","marks":[{"type":"bold"}]},{"type":"text","text":", a premium, hardware-accelerated spatial carousel built exclusively for Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"Unlike standard 3D carousels that suffer from lag and heavy DOM structures, Lumina is engineered from the ground up using React and Framer Motion Spring physics. It guarantees a buttery-smooth 60fps experience, even on mobile devices."}]},{"type":"paragraph","content":[{"type":"text","text":"Give your clients the \"Apple-level\" presentation they deserve with built-in glassmorphism glare, dynamic floor reflections, and seamless drag/swipe interactions."}]},{"type":"paragraph","content":[{"type":"text","text":" "},{"type":"text","text":"Key Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Ultra-High Performance:","marks":[{"type":"bold"}]},{"type":"text","text":" Hardware-accelerated CSS (preserve-3d, translateZ) ensures zero stuttering during scroll or drag."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spatial Aesthetics:","marks":[{"type":"bold"}]},{"type":"text","text":" Features automatic floor reflections and a dynamic glossy glass layer over your images."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Physics-Based Drag:","marks":[{"type":"bold"}]},{"type":"text","text":" Feels incredibly natural with momentum and inertia when swiped."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zero Dependencies:","marks":[{"type":"bold"}]},{"type":"text","text":" Pure React & Framer Motion. No heavy Three.js libraries that slow down your site load."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully Customizable:","marks":[{"type":"bold"}]},{"type":"text","text":" Tweak the 3D radius, perspective, gap, and animation speed directly from Framer's right panel. No coding required!"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS Ready:","marks":[{"type":"bold"}]},{"type":"text","text":" Easily connect to your Framer CMS collection in seconds."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect for:","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Portfolio showcases, E-commerce product galleries, Photography websites, and SaaS feature highlights. "}]}]},"introduction":"Premium Spatial 3D Carousel","slug":"lumina-3d-gallery","author":{"framerUserId":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","slug":"agie-faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/265484c2-fd88-4930-9891-2e233c7e9a8f/fsny17x8","metadata":{"tint":{"h":0,"s":0,"l":22},"width":3064,"height":2298}}],"post":null,"createdAt":"2026-06-21T07:23:18.578Z","updatedAt":"2026-06-23T14:46:52.607Z","publishedAt":"2026-06-21T07:23:18.575Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://luminacarousel.framer.website/","price":"19","paymentUrl":"https://agiefaishal.lemonsqueezy.com/checkout/buy/87246891-3957-4b4c-a5f0-cee5cec0f482","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"NmCGh31xsUe8uhMpBgpn","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-21T07:23:18.620Z","updatedAt":"2026-06-21T07:23:18.620Z"},{"id":"019d9597-ca0a-71b7-8a22-ac9b2a19c4d9","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","slug":"agie-faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"1VYVLEe7qTJWmAW5R3yA","resolved":true,"title":"Aura 3D Carousel","body":"$66","bodyJson":null,"introduction":"Premium 3-in-1 infinite 3D slider","slug":"aura-3d-carousel","author":{"framerUserId":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","slug":"agie-faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/1VYVLEe7qTJWmAW5R3yA/aura-3d-carousel-pEKudBoSzD68OM77P97ZzIOpArrHWb","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-13T07:38:19.191Z","updatedAt":"2026-04-20T03:23:56.499Z","publishedAt":"2026-04-16T09:20:46.090Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://aura3dcarousel.framer.media/","price":"9","paymentUrl":"https://agiefaishal.lemonsqueezy.com/checkout/buy/3b3d810e-d915-4093-a3b9-1e6d2fb48f97","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"cOF1DHwGnnqB90h1JprD","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-16T09:20:46.090Z","updatedAt":"2026-04-16T09:20:46.090Z"},{"id":"019d90c9-fb01-7136-ad1d-8d23f378254f","title":null,"body":"

Premium floating chat widget. Grab it now! 🚀

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Premium floating chat widget. Grab it now! "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]}]},"author":{"framerUserId":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","slug":"agie-faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"CvMVTySJ53YPPYNr3mje","resolved":true,"title":"Floating Chat","body":"$67","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Turn Website Visitors into Floating Chat Conversations","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Don't settle for basic, static buttons. "},{"type":"text","text":"Floating Chat Connect","marks":[{"type":"bold"}]},{"type":"text","text":" is a meticulously crafted code component that brings the authentic, native WhatsApp experience directly into your Framer website."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed to maximize conversions, it utilizes micro-interactions to make visitors feel like a real human is already waiting to assist them."}]},{"type":"paragraph","content":[{"type":"text","text":"Premium Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smart Quick Replies:","marks":[{"type":"bold"}]},{"type":"text","text":" Pre-fill the chat input with up to 3 custom prompts (e.g., \"Track my order\" or \"Need support\"), reducing friction for the user."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in Emoji Picker:","marks":[{"type":"bold"}]},{"type":"text","text":" A beautifully animated mini emoji picker right inside the widget, allowing users to express themselves before sending the message."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Psychological Triggers:","marks":[{"type":"bold"}]},{"type":"text","text":" A customizable red notification badge on the chat icon creates a sense of urgency, proven to increase click-through rates."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Humanized Typing Indicator:","marks":[{"type":"bold"}]},{"type":"text","text":" A realistic \"Typing...\" animation plays for 1.2 seconds before the agent's greeting appears, building interactive anticipation."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Authentic UI Design:","marks":[{"type":"bold"}]},{"type":"text","text":" Features the subtle, iconic general doodle background pattern and online status indicators."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"100% Customizable in Framer Sidebar:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Change the agent's name, role, and avatar."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Set your own brand theme color (doesn't have to be green!)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Toggle shadows, notification badges, and widget position (Left or Right alignment)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Add your number, and the component automatically cleans the format to prevent broken API links."}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Installation"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Copy the component and paste it into your project. Just drag, drop, customize your properties, and start chatting with your customers instantly."}]},{"type":"paragraph","content":[{"type":"text","text":"Full preview: "},{"type":"text","text":"https://many-calendar-236274.framer.app/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://many-calendar-236274.framer.app/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Have questions or want to build something extraordinary? Reach out at "},{"type":"text","text":"agiefaishal@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto: agiefaishal@gmail.com","target":"_blank"}}]}]}]},"introduction":"Premium Floating Chat widget","slug":"floating-chat","author":{"framerUserId":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","slug":"agie-faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/CvMVTySJ53YPPYNr3mje/whatsapp-connect-xgoMWioqiQyu6KUSAyofyzfZCRbF34","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-12T02:21:11.115Z","updatedAt":"2026-07-18T12:10:50.338Z","publishedAt":"2026-04-15T10:57:29.345Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://graceful-rule-729218.framer.app/","price":"7","paymentUrl":"https://agiefaishal.lemonsqueezy.com/checkout/buy/c78b72b0-6eaa-4adb-9608-b4c87404fe06","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"McV8LaA66oDnOKlxvD5l","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-07-18T11:57:25.694Z","createdAt":"2026-04-15T10:57:29.345Z","updatedAt":"2026-07-18T11:57:25.694Z"},{"id":"019cd31c-a0ee-71ba-a1d1-2a6ece612cbe","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","slug":"agie-faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"bH9AQFCOZgMP89SOJg8U","resolved":true,"title":"Quantum Wave","body":"

Highlights:

Interactive: Dynamic mouse-repel physics.
Cinematic: Slow 3D camera rotation for massive depth.
Lightweight: Custom buffer geometry for zero CPU lag.
Editor-Friendly: Auto-pauses inside the Framer canvas.

Setup in 60 Seconds: Just paste it, set it to the back (0 z-index), tweak the colors to match your brand, and launch!

","bodyJson":null,"introduction":"The ultimate AI & Big Data background","slug":"quantum-wave","author":{"framerUserId":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","slug":"agie-faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/bH9AQFCOZgMP89SOJg8U/quantum-wave-Mjv5YaQEFi5JHNspXXl26CDvEA3bsl","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-02T05:04:42.798Z","updatedAt":"2026-03-09T14:04:30.138Z","publishedAt":"2026-03-09T14:59:54.734Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://quantum-wave.framer.media/","price":"5","paymentUrl":"https://agiefaishal.lemonsqueezy.com/checkout/buy/7d1554bd-a2e3-4286-bb7b-fb6dc41ac3e7","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"csaBJELSgMOZ1mKE9uGT","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-09T14:59:54.734Z","updatedAt":"2026-03-09T14:59:54.734Z"},{"id":"019cc881-3e40-7fd9-b338-3043455bc2fe","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","slug":"agie-faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"dPvZ0wutFZADUpOMhEbN","resolved":true,"title":"Chroma Fluid","body":"$68","bodyJson":null,"introduction":"Premium 3D Hologram","slug":"chroma-fluid","author":{"framerUserId":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","slug":"agie-faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/dPvZ0wutFZADUpOMhEbN/chroma-fluid-ygr2Ldjwhse2HLBZVB7cLWOXW5ZW1R","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-03T03:55:53.837Z","updatedAt":"2026-03-07T13:05:32.059Z","publishedAt":"2026-03-07T13:33:59.232Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://chroma-fluid.framer.media/","price":"9","paymentUrl":"https://agiefaishal.lemonsqueezy.com/checkout/buy/a3fcb04f-e8ca-4339-b460-509b83837db0","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"4oyHGlhoPETdy2eGM1b6","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-07T13:33:59.232Z","updatedAt":"2026-03-07T13:33:59.232Z"},{"id":"019cae42-64e7-78a4-8ec1-9a879fc263b0","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","slug":"agie-faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"hNUnlGLUHjQgZplFmkN8","resolved":true,"title":"Luxe Silk Ribbon","body":"$69","bodyJson":null,"introduction":"The Future of High-End Fluid Motion","slug":"luxe-silk-ribbon","author":{"framerUserId":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","slug":"agie-faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/hNUnlGLUHjQgZplFmkN8/luxe-silk-ribbon-IEuv2N7tCq7t8KgPaVUbw20JWBGTib","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-25T07:26:52.784Z","updatedAt":"2026-03-02T10:51:34.053Z","publishedAt":"2026-03-02T11:15:12.743Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://luxe-silk-ribbon.framer.media/","price":"5","paymentUrl":"https://agiefaishal.lemonsqueezy.com/checkout/buy/3a4372b0-654d-4a5a-bb66-2b142ac29932","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"XLoKmjwV69NA0Qki5KnO","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-03-02T11:15:12.743Z","updatedAt":"2026-03-02T11:15:12.743Z"},{"id":"019ca3e5-218d-74f9-99a3-9bb28d7e5890","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","slug":"agie-faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"fflLlj7MQcc9fw3iXIts","resolved":true,"title":"Cinematic Wave","body":"$6a","bodyJson":null,"introduction":"Cinematic interactive light effect","slug":"cinematic-wave","author":{"framerUserId":"265484c2-fd88-4930-9891-2e233c7e9a8f","name":"Agie Faishal","slug":"agie-faishal","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/808124/avatar-jerU5H3Jc2sdkJX1bwO5ifp9QeK6Il.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/fflLlj7MQcc9fw3iXIts/cinematic-wave-pXNMwZQkvFMKTs9Pcpmf7FvIJjGOxZ","metadata":{"tint":{"h":0,"s":0,"l":9},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-02-23T10:08:07.693Z","updatedAt":"2026-04-13T09:46:56.730Z","publishedAt":"2026-02-28T10:57:08.493Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://cinematic-wave.framer.media/","price":"15","paymentUrl":"https://agiefaishal.lemonsqueezy.com/checkout/buy/ee357183-f6d8-4efa-9863-fe6a8bf62173","workshop":false,"categories":[{"id":"1a3a0eb3-698e-461a-bf42-2502a7ed43e0","name":"Backgrounds","slug":"backgrounds"}],"lastSaveId":"jqtEu5N8SSaVTfSx4dSV","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-02-28T10:57:08.493Z","updatedAt":"2026-02-28T10:57:08.493Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L6b"}]