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

✦ Papery : an interactive 3D bookshelf for Framer. Real books that tilt, pull out, and open on click. Not rectangles in book costumes.

✦ How it works:

Drop it on your canvas, shelve as many books as you like, and dress each one in your own spine, cover, and (if you're showing off) a backface. No code. The fun stuff works out of the box.

✦ Why it's unique: Every book is a real, editable 3D object on your canvas, and every cover opens into its own little story. Unlimited shelf space included.

Portfolios, pricing pages, changelogs: everything looks better on a shelf. Go build yours. We'll be judging the covers.

✦ Preview URL

✦ Grab It Now

64:T5a6,

Papery ! Interactive 3D Bookshelf

Browsing a shelf shouldn't feel flat. Papery brings real depth, physics, and lighting to book/product showcases ; built natively for Framer, no code required.

What makes it special:

✦ Real 3D book geometry : spines, covers, and page edges render with actual depth, not flat cards pretending to be books

✦ Drag interactions : swipe or click-drag through the shelf, with natural momentum and easing

✦ Dynamic lighting : shadows and highlights shift as the shelf moves, so it feels lit rather than static

✦ Click-to-explore : select any spine to bring it forward and view it in detail

✦ Two layouts included : horizontal shelf and vertical shelf, drop in whichever fits your design

✦ Fully customizable : swap in your own covers, titles, and colors for portfolios, book catalogs, product showcases, or curated collections

Interactions :

◆ Preview URL

◆ Grab it Now

65:T6bd,

Meet Papery : the 3D bookshelf for Framer that behaves like real furniture.

✦ Browse your way

◦ Explore a perspective shelf that reacts as you move through it

◦ Spin through a vertical drum of books with drag, momentum, and inertia

◦ Auto-tour modes can bring the collection to life when you're not interacting

✦ Pick a book

◦ Bring it forward from the collection

◦ Rotate it in 3D and inspect it from every angle

◦ Let the cursor torch sweep across the paper block

◦ Read the book's details in an accompanying glass reading panel

✦ Make every book feel different

◦ Procedurally generated covers, spines, and backs in SVG

◦ Adjustable thickness, tilt, swing, materials, and typography

◦ An Age slider takes a book from pristine to beautifully weathered

◦ Add foxing, cracks, stains, grime, aged paper, leather grain, and more

✦ Built for the web

◦ Six-face CSS 3D objects — no WebGL

◦ Spring physics, momentum, adaptive layouts, and smooth transitions

◦ Keyboard navigation and reduced-motion support

◦ Deep controls for nearly every visual and motion detail

✦ And a little theatre Select a book and a single light pass sweeps across its surfaces , a small detail, but one that makes the whole collection feel alive.

Papery is more than a bookshelf. It's a collection you can explore, pick up, and Learn. 📚

66:T7f9,

PAPERY : The 3D bookshelf that turns scrolling into shelving.

Forget flat thumbnails. Papery is a 3D library that opens the way a real book does: pull one forward, watch it swing, and land on pages you can actually read. Every cover, spine, and back is generated procedurally, rendered entirely in Canvas 2D. No textures shipped, no plugins, no WebGL in sight.

✦ Two Ways to Browse

Shelf: a scrolling row that reacts to your cursor, spines fanning open as you pass like fingers walking a shelf
Stack: a spinning drum you rifle through like a rolodex, with curve, pile depth, and stagger all in your hands

✦ Books That Feel Real

Foil-stamped titles, aged paper, leather grain, all generated per book, not pasted on
One age slider takes a jacket from off-the-press crisp to attic-find distressed: cracking, mottling, staining, the works
Spine and cover width can run on auto, sized from page count and image aspect, or be pinned manually book by book

✦ Reading, Not Just Looking

Each book holds multiple articles, formatted with headers, quotes, and lists, so this is a shelf you can actually read
A torch light trails your cursor across the open page like you're reading by lamplight
A one-shot selection effect, aurora, glow, pulse, or highlight, flares across the cover the instant it opens, then gets out of the way

✦ Tuned for Craft

Deep property controls: curve, gap, tilt, panel side, swing direction, hover lift, all exposed
Reduced-motion respected automatically, no extra setup
Panel type, color, and spacing fully themeable to match your brand

Built for portfolios, editorial archives, and product catalogs, anywhere "browse" should feel like something, not just scroll.

67:T49c,

📚 Something new is coming to the shelf…

Meet Papery 3D Shelf : a playful take on the classic bookshelf, built to make browsing books feel less like scrolling and more like exploring.

Drag a book. Tilt it. Pull it from the shelf. Open it. ✨

Under the hood, Papery brings together:

✦ Fully interactive 3D books

✦ Shelf + stacked layouts

✦ Smooth drag, hover & spring interactions

✦ Cursor-reactive lighting

✦ Aurora, shimmer & ring effects

✦ Customizable spacing, curvature & depth

✦ Animated reading panels with multiple sections

✦ Covers, spines, back covers & tactile surface details

Think bookshelf + 3D object + mini reading experience all in one component.

Built for editorial sites, portfolios, publishing projects, creative studios — or anyone who thinks a bookshelf should be a little more fun.

Coming soon to the Framer Marketplace.

What would you put on the shelf?

68:T68b,

Excited to introduce DropLab : a premium interactive physics component for Framer .

DropLab was built around a simple idea: websites should not just be viewed, they should be touched. It turns a static section into a physical playground where shapes fall, bounce, stack, and respond with real-time motion. Every interaction is designed to feel immediate, tactile, and polished.

✦ Real-time physics: objects fall, collide, and settle with tuned gravity, bounce, friction, and weight.

✦ Drag and throw: grab objects, carry them, toss them, and watch them react with natural momentum.

✦ Draw-to-drop: hold to sketch, then release your drawing as a live physical object in the scene.

✦ PNG collision: transparent images can interact through their actual edges, not just a box.

✦ Connected slots: bring Framer frames and visuals into the physics layer as interactive objects.

✦ Dynamic lighting: cursor glow, highlights, soft shadows, impact squash, and depth response.

✦ Visual control: themes, grid styles, shapes, fills, spacing, and appearance controls built in.

✦ Performance-focused: idle states, efficient rendering, object limits, and smooth interaction logic.

The goal was to create something that feels playful and premium at the same time. A component that can power hero sections, product demos, portfolios, launch pages, and interactive experiences without losing the polish expected in a professional Framer project.

Grab something. Throw it. Watch the shadow catch up a beat before the object does.

69:T977,

✦ DropLab : Physics-powered interaction Engine

Most "physics" components fake it: a spring curve, an ease out, a bounce reset to zero. Drop Lab doesn't animate the fall, it simulates it. Matter.js runs a fixed 60fps timestep under everything you see, with real mass, real friction, real collision, and sleep state bodies that cost nothing once settled. No entrance keyframes, no exit fades. Objects spawn solid, mid air, and gravity does the rest.

FOUR WAYS IN

🟣 ✦ DRAW : hold, trace, release. A marching squares contour pass reads your stroke pixel by pixel and builds a real collider, not a bounding box. Draw a blob, a star, your initials. It falls like it means it.

🔵 ✦ DROP : cubes, spheres, hexes, capsules. Chamfered, gradient lit, shaded like it was rendered, not faked with a box shadow.

🟢 ✦ SLOT : drop in a live Framer component. Alpha shape detection traces the actual visible pixels, not the rectangle, so a transparent PNG collides like its silhouette. Auto detects sticker vs frame.

🟠 ✦ LIGHT : a cursor driven glow dims what's far and lifts what's close. Every object gets its own specular highlight, repositioned per frame.

DETAILS THAT DON'T SHOW UP IN A PREVIEW

◆ Contact shadows scale and soften with height, real perspective correct scaling

◆ Impact squash on landing, mass aware and tunable, gone before your eye catches it

◆ Cursor push field with falloff, no click required

◆ Drag and throw with real momentum transfer

◆ IntersectionObserver gated, pauses off screen

◆ Full property control coverage: gravity, bounce, drop source/order, lighting radius, grid, theme

BUILT FOR THE CANVAS

Every value in the preview is the value in production. Auto light/dark theme. Transparent background support. Grouped, contextual controls that hide what you don't need until you need it.

Grab something. Throw it. Watch the shadow catch up a beat before the object does.

6a:T69a,

No WebGL, No pre-renders, just one Framer component running real-time canvas 3D at a silky 60fps.

Meet Cubix ⛋ your ideas, boxed brilliantly:

🟂 True box geometry: independent width, height, depth & perspective

🟂 Physics-feel drag spin with real inertia + snap-to-face easing

🟂 Auto-rotate on X / Y / Z for hands-free showcase mode

🟂 Six skinnable faces: solid color, crisp image or looping video per side

🟂 Packing tape & stickers that wrap edges like a genuine parcel, seamless repeat on any axis, flip to taste

🟂 Extruded relief geometry for that embossed, packaging-grade detailing

🟂 Studio lighting rig: specular hotspots, edge glow, fresnel rim

🟂 Selection FX: aurora flow, soft glow, pulse & highlight

🟂 Six animated content slots popping CTAs, prices & menus right off the face

🟂 Per-face actions: open links, snap, reveal slots or fire custom events

🟂 Cached texture layers + LOD rendering, buttery on desktop & mobile

Built for 3D hero sections , product drops ,packaging mockups , portfolios , brand worlds , anything tired of being flat.

Spin it, break it, ship it , feedback welcome below 👇

Interact & Explore :

✦ Preview URL

✦ Grab it Now

6b:T424,

Some components were created to decorate a page. Cubix builds a world on it.

Real-time 3D cube for Framer. No WebGL. No plugins. Just silky-smooth canvas magic.

✦ True box geometry , width, height, depth & perspective

✦ Inertial drag-to-spin, snap-to-face & auto-rotate on 3 axis

✦ Color, image or looping video across all six faces

✦ Seamless edge-wrapping tape & stickers

✦ Extruded relief geometry for unboxable packaging feel

✦ Studio lighting , specular highlights, edge glow & rim light ✦ Six animated content slots that pull CTAs right off the face

Your ideas, boxed brilliantly. Crafted with love by Quzmo Studios.

Spin it. Adjust it. Decorate it. Love it.

If you enjoy seeing ambitious Framer experiments, interactive components, and the things we are building next, follow along ,there’s plenty more coming it would mean a lot.

6c:Tbd5,

Cubix 3D Museum : Interactive 3D Cube Component for Framer

✦ A GPU-Grade Software Renderer. Zero Dependencies. Pure Canvas Sorcery.

Cubix 3D Museum is a production-ready, fully interactive 3D cube engineered for Framer , no Three.js, no WebGL, no external libraries. Built on a bespoke quaternion-driven rendering pipeline with real-time perspective projection, this is the most technically advanced 3D primitive you can drop onto any Framer canvas

⚡ Core Rendering Engine

Quaternion arcball rotation with slerp interpolation & inertia physics
Software perspective projection with adaptive 2×–4× tessellation
Bilinear UV interpolation + affine triangle texture mapping
Painter's algorithm depth sorting with backface culling

🎨 Face Customization

6 independent faces: solid color, image texture, or looping video
Per-face relief geometry with multi-segment extrusion
Adjacent-face bridging for seamless 3D continuity

🏷 Sticker & Tape Decal System

Multi-face wrapping decals with convex polygon clipping
Looping tape bands (X/Y/Z) with repeating image tiling
Blend modes: Multiply, Screen, Overlay, Soft Light
glossy specular reflection layer

💡 Cinematic Lighting Pipeline

Diffuse + specular + fresnel rim lighting
Directional light with adjustable angle & color temp
Edge glow with per-edge normal sampling
Soft-light & overlay compositing passes

🖱 Interaction & Animation

Drag-to-rotate with velocity tracking & friction control
Auto-rotation (X/Y/Z) with adjustable speed
Snap-to-face with eased slerp transitions
Click actions: link, rotate, show slot, or custom callback
7 slot animation presets (fade, slide, scale, blur)

🎭 Selection Effects

Aurora Flow, Soft Glow, Pulse, Highlight overlays
Dual-color aurora with layered gradient compositing
Infinite or limited play modes with cycle counting

🔧 Why Cubix 3D Museum?

Zero dependencies: pure Canvas 2D, no WebGL
60fps loop: with IntersectionObserver auto-pause
DPR-aware : up to 2× for Retina crispness
Fully responsive : via ResizeObserver

6d:T724,

Cubix 3D museum Dropping soon ! Interactive 3D Cube Component for Framer

A production-ready 3D cube for Framer, crafted to turn flat pages into tactile experiences. Rendered entirely on canvas with zero WebGL and zero external dependencies.

◆ Core Capabilities

✦ Fully dimensional box with independent width, height, depth, and perspective control

✦ Physics-based drag rotation with inertia, plus auto-rotation on the X, Y, or Z axis

✦ Per-face media: solid color, image, or looping video

✦ Edge-aware stickers and packing tape that wrap seamlessly across faces

✦ Repeating tape artwork along the X, Z, or Y axis with true-to-scale proportions

✦ Extruded relief geometry per face for embossed, packaging-grade detailing

✦ Real-time studio lighting with specular highlights, edge glow, and rim response

✦ Selection effects including aurora flow, soft glow, pulse, and highlight

✦ Per-face interactions: open links, snap to face, or reveal animated content slots

✦ Six content slots with configurable placement and entry animations

◆ Ideal Use Cases

✦ Product launches ✦ Packaging mockups ✦ Portfolios Brand storytelling ✦ Hero sections

◆ Performance

Optimized with cached texture layers, level-of-detail rendering, and a static editor preview for smooth authoring and publishing.

Your feedback and questions are welcome below. Thank you for exploring Cubic Ideas.

✦ Preview URL

6e:T426,

A better way to work with images in Framer is almost here.

Meet Pixage Gallery a refined Framer component designed to bring more control, flexibility, and polish to image-driven experiences.

Built with the details in mind:

✦ Clean, responsive image layouts

✦ Flexible styling and customization

✦ Smooth, intentional interactions

✦ A workflow that feels native to Framer

✦ Easy to adapt across different projects and use cases

No unnecessary complexity. No bloated setup. Just a thoughtfully crafted component that gives your visuals more room to shine.

Pixage is Live Now • : A small component, with a lot of potential. ✦

✦ Preview URL

✦ Grab it Now

6f:T72a,

Pixage Gallery: Interactive Pixel Art Image Gallery for Framer

Pixage Gallery turns any image into pixel art, LEGO, voxel, halftone, or comic ink on hover, sampled live pixel by pixel, not a filter overlay. Click and a wave, crossfade, dissolve, or per cell morph transition carries the gallery to the next image.

Six Render Styles

✦ Clean: the original image, untouched

✦ Pixel: blocky pixel art mosaic, matte or glossy finish

✦ LEGO: studded brick texture with realistic shading

✦ Voxel: quantized color blocks for a chunky 3D look

✦ Halftone: newsprint style dots that scale with hover

✦ Comic: dotted ink silhouette over the base image

Mix styles per image, or set one pair globally.

Four Transition Modes

✦ Wave: a ripple that expands from the click point

✦ Crossfade: a clean, even dissolve

✦ Dissolve: a jittered, cell by cell fade

✦ Morph: each cell exits in one style, enters in another

Precision Controls

✦ Six easing curves, including a custom bezier editor ✦ Adjustable hover radius, falloff, and max scale ✦ Three intro animations: none, build, or tetris drop ✦ Matte or glossy finish, global or per item ✦ Cell size, gap, and corner rounding ✦ Works with both images and styled text

Performance

Built on raw HTML canvas, zero dependencies. Only animates when something changes, and caches rendered frames so large grids stay smooth.

Where It Fits

Portfolios, agency sites, product galleries, and anywhere a single memorable interactive moment beats a conventional slider.

70:T8b0,

Fabula Stories Carousel

Instagram and TikTok style stories for Framer, built for creators who want a real story experience, not a static slideshow.

Swipeable Story Carousel

Smooth carousel with rubber band drag physics
Auto advances through clips with a real, tappable progress bar
Hold to pause, tap to skip, drag to browse
Interaction model matches the apps your audience already knows

Live Mode

Pulsing LIVE badge
Animated chat comments that stream in on their own timer
A reply bar viewers can actually type into
Double tap to like, with a real heart burst animation

Video From Anywhere

Direct MP4 links
YouTube, Vimeo, TikTok, Dailymotion, Streamable
Pexels stock footage with automatic resolution, no manual downloading

Interactive Stickers

Poll — viewers vote and see live results update in real time
Countdown — ticks down to any date you set, styled and ready
Question — invites replies from your audience
Swipe Up CTA — links to any URL with your own custom label

Built-In Identity Layer

Verified badges
Custom gradient avatar rings
Posted-at timestamps
Clickable avatars linking to full profiles

Analytics, Wired In

Events fire automatically for views, completions, reactions, comments, CTA clicks, avatar taps, and timestamp jumps, no extra setup required.

Fully Responsive, Fully Yours

Corner radius, spacing, opacity, and scale controls let you match any brand in minutes. Built on pure React with Framer Motion, StoryReel renders safely in static export and canvas thumbnails, with zero flicker and zero runaway animations.

Whether you're building a portfolio, a brand site, or a full social product, StoryReel gives you a production ready stories component that looks, feels, and behaves like the real thing.

71:T741,

New drop Coming SOON ! Fabula Stories Carousel .

Full stories component for Framer. Instagram and TikTok format, swipeable carousel, tap to skip, hold to pause, rubber band drag physics on every swipe.

What makes this one different:

live mode isn't a badge you switch on for decoration, it's an actual simulated live stream. Animated chat comments roll in on their own timer, there's a working reply bar viewers can type into, and double tap to like triggers a real heart burst animation. Most story components stop at "post a video." This one goes further.

Stickers are fully interactive, not static overlays:

✦ Poll stickers let viewers vote and watch results update live

✦ Countdown stickers tick down to any date you set

✦ Question stickers invite replies from your audience

✦ Video comes from anywhere. Direct upload, YouTube, Vimeo, TikTok, Dailymotion, or pull straight from Pexels with automatic resolution, no manual downloading, no extra steps.

Every story carries its own identity, verified badges, custom gradient avatar rings, timestamps, clickable avatars linking out to profiles. Swipe up CTAs link anywhere you want with your own label.

Under the hood:

built on pure React and Framer Motion, with analytics events wired in for views, completions, reactions, comments, and clicks, so tracking is there the moment you need it.

Drops soon.

✦ Preview URL

✦ Grab it Now

61:["$","$L62",null,{"value":{"fallback":{"$inf$activity-creator-6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d-all:/unified/creator/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/activity/":[{"data":[{"id":"01a0b9ab-cdcf-73a8-9c12-75121e855df8","type":"comment.reply","target":{"type":"post","id":"01a0b687-b6eb-75ab-845c-d0b4ade7cc19","preview":"✦ Papery : an interactive 3D bookshelf for Framer. Real books that tilt, pull out, and open on click. Not rectangles in book costumes.\n✦ How it works: \nDrop it on your canvas, shelve as many books as you like, and dress each one in your own spine, cover, and (if you're showing off) a backface. No code. The fun stuff works out of the box.\n✦ Why it's unique: Every book is a real, editable 3D object on your canvas, and every cover opens into its own little story. Unlimited shelf space included.\nPortfolios, pricing pages, changelogs: everything looks better on a shelf. Go build yours. We'll be judging the covers. \n✦ Preview URL\n✦ Grab It Now","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Papery ","marks":[{"type":"bold"}]},{"type":"text","text":": an interactive 3D bookshelf for Framer. Real books that tilt, pull out, and open on click. Not rectangles in book costumes."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"How it works:","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it on your canvas, shelve as many books as you like, and dress each one in your own spine, cover, and (if you're showing off) a backface. No code. The fun stuff works out of the box."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Why it's unique:","marks":[{"type":"bold"}]},{"type":"text","text":" Every book is a real, editable 3D object on your canvas, and every cover opens into its own little story. Unlimited shelf space included."}]},{"type":"paragraph","content":[{"type":"text","text":"Portfolios, pricing pages, changelogs: ","marks":[{"type":"bold"}]},{"type":"text","text":"everything looks better on a shelf. Go build yours. We'll be judging the covers. "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"✦ Preview URL","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://papery.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Grab It Now","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://contra.com/products/kjeJyG9S-papery-3-d-books-shelf-carousel-for-framer","target":"_blank"}}]}]},{"type":"paragraph"}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/01a0b682-44ea-7774-a264-39d91cfd0a39.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0b687-b6eb-75ab-845c-d0b4ade7cc19","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0b9ab-cdb9-747f-81e1-16c517b06a9f","preview":"Thank you Omni !","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thank you Omni ! "}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0b687-b6eb-75ab-845c-d0b4ade7cc19","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0b7a2-e349-73aa-8732-d8d9db1453ce"},"repost":null}},"actors":[{"id":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","slug":"quzmo-studios","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-19T12:37:19.439Z","latestAt":"2026-09-19T12:37:19.439Z"},{"id":"01a0b9ab-6467-73e9-8c0b-d5ef0dff7489","type":"comment.liked","target":{"type":"comment","id":"01a0b7a2-e349-73aa-8732-d8d9db1453ce","preview":"this is so cool!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"this is so cool!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0b687-b6eb-75ab-845c-d0b4ade7cc19","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0b7a2-e349-73aa-8732-d8d9db1453ce"},"repost":null}},"context":{"type":"post","id":"01a0b687-b6eb-75ab-845c-d0b4ade7cc19","preview":"✦ Papery : an interactive 3D bookshelf for Framer. Real books that tilt, pull out, and open on click. Not rectangles in book costumes.\n✦ How it works: \nDrop it on your canvas, shelve as many books as you like, and dress each one in your own spine, cover, and (if you're showing off) a backface. No code. The fun stuff works out of the box.\n✦ Why it's unique: Every book is a real, editable 3D object on your canvas, and every cover opens into its own little story. Unlimited shelf space included.\nPortfolios, pricing pages, changelogs: everything looks better on a shelf. Go build yours. We'll be judging the covers. \n✦ Preview URL\n✦ Grab It Now","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Papery ","marks":[{"type":"bold"}]},{"type":"text","text":": an interactive 3D bookshelf for Framer. Real books that tilt, pull out, and open on click. Not rectangles in book costumes."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"How it works:","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it on your canvas, shelve as many books as you like, and dress each one in your own spine, cover, and (if you're showing off) a backface. No code. The fun stuff works out of the box."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Why it's unique:","marks":[{"type":"bold"}]},{"type":"text","text":" Every book is a real, editable 3D object on your canvas, and every cover opens into its own little story. Unlimited shelf space included."}]},{"type":"paragraph","content":[{"type":"text","text":"Portfolios, pricing pages, changelogs: ","marks":[{"type":"bold"}]},{"type":"text","text":"everything looks better on a shelf. Go build yours. We'll be judging the covers. "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"✦ Preview URL","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://papery.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Grab It Now","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://contra.com/products/kjeJyG9S-papery-3-d-books-shelf-carousel-for-framer","target":"_blank"}}]}]},{"type":"paragraph"}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/01a0b682-44ea-7774-a264-39d91cfd0a39.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0b687-b6eb-75ab-845c-d0b4ade7cc19","like":{"count":9,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"actors":[{"id":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","slug":"quzmo-studios","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-19T12:36:52.452Z","latestAt":"2026-09-19T12:36:52.452Z"},{"id":"01a0b67b-39a2-75e0-aa9c-51966af2635d","type":"post.liked","target":{"type":"post","id":"01a0b609-cab0-71df-8dd5-8b989c1296eb","preview":"My little corner.\nBuilding, learning, and staying consistent , one design, one book, one day at a time.\nFramer + good books + focused hours = progress.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My little corner."}]},{"type":"paragraph","content":[{"type":"text","text":"Building, learning, and staying consistent , one design, one book, one day at a time."}]},{"type":"paragraph","content":[{"type":"text","text":"Framer + good books + focused hours = progress."}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/1ea91495-cdc7-4ee6-a173-4fc843c9c49c/01a0b609-526f-7178-9b15-5d127b322f10.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0b609-cab0-71df-8dd5-8b989c1296eb","like":{"count":2,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","slug":"quzmo-studios","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T21:45:24.127Z","latestAt":"2026-09-18T21:45:24.127Z"},{"id":"01a0b67b-2833-718b-aeb6-8fae522cc36e","type":"post.liked","target":{"type":"post","id":"01a0b60e-7d9a-723a-a944-d95e0eb5950b","preview":"Everlune 🤍\nCheck it out: https://framer.link/thi0CPi\nA premium wedding photography portfolio Framer template with 13+ CMS-powered pages, soft editorial design, built for photographers, planners & studios who want their site to feel like their work.\n#Framer #FramerTemplate #weddingphotography #webdesign","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Everlune "},{"type":"emoji","attrs":{"name":"white_heart","emoji":"🤍"}}]},{"type":"paragraph","content":[{"type":"text","text":"Check it out: "},{"type":"text","text":"https://framer.link/thi0CPi","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.link/thi0CPi","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"A premium wedding photography portfolio Framer template with 13+ CMS-powered pages, soft editorial design, built for photographers, planners & studios who want their site to feel like their work."}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #FramerTemplate #weddingphotography #webdesign"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/d7743456-9699-498d-8387-6f8fe02a0252/01a0b60d-b54d-70b0-9529-97d4811ee4e7.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0b60e-7d9a-723a-a944-d95e0eb5950b","like":{"count":5,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","slug":"quzmo-studios","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T21:45:19.663Z","latestAt":"2026-09-18T21:45:19.663Z"},{"id":"01a0b67b-1dcc-768f-8ec1-55393639cc84","type":"template.liked","target":{"type":"template","id":"73376","preview":"Shutterlight","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/01e771c4-16a9-4f0a-9d9a-7e444cc7992b/01a0b60d-394a-7233-b983-ec423b4d51a2.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","slug":"quzmo-studios","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-09-18T21:45:17.000Z","latestAt":"2026-09-18T21:45:17.000Z"},{"id":"01a0b67b-1667-736b-8c46-efa9ed823327","type":"post.liked","target":{"type":"post","id":"01a0b569-eb1c-734b-9682-efdf5bab92b1","preview":"My 5th Framer component is live! 🚀\nImage Orbit is a dynamic image gallery component that lets your images continuously rotate around a central point.\nIt’s usually $10, but I’m giving it away FREE for the next 24 hours, don't miss it 👀\nUse code - ORBIT100 \nComponent Link","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My 5th Framer component is live! "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]},{"type":"paragraph","content":[{"type":"text","text":"Image Orbit is a dynamic image gallery component that lets your images continuously rotate around a central point."}]},{"type":"paragraph","content":[{"type":"text","text":"It’s usually $10, but I’m giving it away FREE for the next 24 hours, don't miss it "},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]},{"type":"paragraph","content":[{"type":"text","text":"Use code - ORBIT100 "}]},{"type":"paragraph","content":[{"type":"text","text":"Component Link","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://framer.link/ZeVDS2T","target":"_blank"}}]}]},{"type":"paragraph"}]},"thumbnail":"https://image.mux.com/m2mEpvztMMu4gFiP02XF8MNUm4h35gCP3xh43fxzDFBA/thumbnail.webp?time=5.6","targetDeleted":false,"owned":false,"actions":{"postId":"01a0b569-eb1c-734b-9682-efdf5bab92b1","like":{"count":10,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","slug":"quzmo-studios","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T21:45:15.108Z","latestAt":"2026-09-18T21:45:15.108Z"},{"id":"01a0b67b-0ce1-765a-b96a-fdf5d50a633c","type":"post.liked","target":{"type":"post","id":"01a0b62a-31bc-705b-bc8a-2a8ec0e668d6","preview":"🚀Get the Dark Pricing Card for 2$ now. 🌟Clean Design, Modern dark gradient, smooth interactions optimized for Saas websites. Get Now👇🏾\n[https://www.framer.com/marketplace/components/dark-pricing-card/]","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}},{"type":"text","text":"Get the Dark Pricing Card for 2$ now. "},{"type":"emoji","attrs":{"name":"star2","emoji":"🌟"}},{"type":"text","text":"Clean Design, Modern dark gradient, smooth interactions optimized for Saas websites. Get Now👇🏾"}]},{"type":"paragraph","content":[{"type":"text","text":"[https://www.framer.com/marketplace/components/dark-pricing-card/]","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.framer.com/community/posts/D6mvHELHccYtayQrGrz8mh/","target":"_blank"}}]}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/96114972-55d1-405a-a127-a52e09663788/01a0b62a-20cb-753f-b2f5-7c4706249499.jpg","targetDeleted":false,"owned":false,"actions":{"postId":"01a0b62a-31bc-705b-bc8a-2a8ec0e668d6","like":{"count":2,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","slug":"quzmo-studios","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T21:45:12.669Z","latestAt":"2026-09-18T21:45:12.669Z"},{"id":"01a0b670-1508-7350-bc60-714bfdfdccce","type":"post.liked","target":{"type":"post","id":"01a0b5d6-a43f-76ca-8efe-d05d3bb0b164","preview":"Experimenting some new. 😁😁\nOriginally this is site from Motion.so, and I took the layers and recreated them in Framer. now everything is customizable.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Experimenting some new. 😁😁"}]},{"type":"paragraph","content":[{"type":"text","text":"Originally this is site from Motion.so, and I took the layers and recreated them in Framer. now everything is customizable. "}]}]},"thumbnail":"https://image.mux.com/dP2F0263OgW4b9Uv1YXQG8x00xxRYSj01wslvpuca402QCs/thumbnail.webp?time=4.792","targetDeleted":false,"owned":false,"actions":{"postId":"01a0b5d6-a43f-76ca-8efe-d05d3bb0b164","like":{"count":2,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","slug":"quzmo-studios","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T21:33:13.858Z","latestAt":"2026-09-18T21:33:13.858Z"},{"id":"01a0b66d-d056-7708-af04-d6c40dc806e0","type":"post.liked","target":{"type":"post","id":"01a0b5db-0aa2-7522-bc07-4a6dfb685cd6","preview":"Who's missing from the @Framer community on On.Design ? I'm giving away an invite! drop some love! BTW just droped this beast! give some love if you like it!\nFree Remix!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Who's missing from the "},{"type":"mention","attrs":{"id":"a7cd9fe6-cf81-4a41-8e93-bca0291dba80","slug":"framer","label":"Framer","mentionSuggestionChar":"@"}},{"type":"text","text":" community on "},{"type":"text","text":"On.Design","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://on.design","target":"_blank"}}]},{"type":"text","text":" ? I'm giving away an invite! drop some love! BTW just droped this beast! give some love if you like it!"}]},{"type":"paragraph","content":[{"type":"text","text":"Free Remix!","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://dub.sh/lanyard-pass","target":"_blank"}}]}]}]},"thumbnail":"https://image.mux.com/2dE6jgBkscjjkLr6xHtBa019AEV5SBO6S2muiv0051oIU/thumbnail.webp?time=8.72","targetDeleted":false,"owned":false,"actions":{"postId":"01a0b5db-0aa2-7522-bc07-4a6dfb685cd6","like":{"count":18,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":4,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","slug":"quzmo-studios","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-18T21:30:45.202Z","latestAt":"2026-09-18T21:30:45.202Z"},{"id":"01a0b13e-4634-755d-a254-37e6408e86ba","type":"comment.liked","target":{"type":"comment","id":"01a0b071-8b0e-77af-8d4f-8b8d04866a37","preview":"Hi, this is awesome, important question : can we change the book covers to put our ownes ?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Hi, this is awesome, important question : can we change the book covers to put our ownes ?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0a63a-7033-72c7-be5b-446d28fe9081","like":{"count":2,"liked":false},"reply":{"parentCommentId":"01a0b071-8b0e-77af-8d4f-8b8d04866a37"},"repost":null}},"context":{"type":"post","id":"01a0a63a-7033-72c7-be5b-446d28fe9081","preview":"📚 Something new is coming to the shelf…\nMeet Papery 3D Shelf : a playful take on the classic bookshelf, built to make browsing books feel less like scrolling and more like exploring.\nDrag a book. Tilt it. Pull it from the shelf. Open it. ✨\nUnder the hood, Papery brings together: \n✦ Fully interactive 3D books \n✦ Shelf + stacked layouts \n✦ Smooth drag, hover & spring interactions \n✦ Cursor-reactive lighting \n✦ Aurora, shimmer & ring effects \n✦ Customizable spacing, curvature & depth \n✦ Animated reading panels with multiple sections \n✦ Covers, spines, back covers & tactile surface details\nThink bookshelf + 3D object + mini reading experience all in one component.\nBuilt for editorial sites, portfolios, publishing projects, creative studios — or anyone who thinks a bookshelf should be a little more fun.\nComing soon to the Framer Marketplace.\nWhat would you put on the shelf?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"books","emoji":"📚"}},{"type":"text","text":" Something new is coming to the shelf…"}]},{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"Papery 3D Shelf","marks":[{"type":"bold"}]},{"type":"text","text":" : a playful take on the classic bookshelf, built to make browsing books feel less like scrolling and more like exploring."}]},{"type":"paragraph","content":[{"type":"text","text":"Drag a book. Tilt it. Pull it from the shelf. Open it. "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Under the hood, Papery brings together: "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Fully interactive 3D books "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Shelf + stacked layouts "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Smooth drag, hover & spring interactions "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Cursor-reactive lighting "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Aurora, shimmer & ring effects "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Customizable spacing, curvature & depth "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Animated reading panels with multiple sections "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Covers, spines, back covers & tactile surface details"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Think "},{"type":"text","text":"bookshelf + 3D object + mini reading experience","marks":[{"type":"bold"}]},{"type":"text","text":" all in one component."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for editorial sites, portfolios, publishing projects, creative studios — or anyone who thinks a bookshelf should be a little more fun."}]},{"type":"paragraph","content":[{"type":"text","text":"Coming soon to the Framer Marketplace.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"What would you put on the shelf?"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/01a0afe3-fc2f-73ac-8154-ff9cf70b1b84.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0a63a-7033-72c7-be5b-446d28fe9081","like":{"count":18,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"actors":[{"id":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","slug":"quzmo-studios","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T21:20:43.568Z","latestAt":"2026-09-17T21:20:43.568Z"},{"id":"01a0b13e-4133-73b9-8283-cac4b9ab0197","type":"comment.reply","target":{"type":"post","id":"01a0a63a-7033-72c7-be5b-446d28fe9081","preview":"📚 Something new is coming to the shelf…\nMeet Papery 3D Shelf : a playful take on the classic bookshelf, built to make browsing books feel less like scrolling and more like exploring.\nDrag a book. Tilt it. Pull it from the shelf. Open it. ✨\nUnder the hood, Papery brings together: \n✦ Fully interactive 3D books \n✦ Shelf + stacked layouts \n✦ Smooth drag, hover & spring interactions \n✦ Cursor-reactive lighting \n✦ Aurora, shimmer & ring effects \n✦ Customizable spacing, curvature & depth \n✦ Animated reading panels with multiple sections \n✦ Covers, spines, back covers & tactile surface details\nThink bookshelf + 3D object + mini reading experience all in one component.\nBuilt for editorial sites, portfolios, publishing projects, creative studios — or anyone who thinks a bookshelf should be a little more fun.\nComing soon to the Framer Marketplace.\nWhat would you put on the shelf?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"books","emoji":"📚"}},{"type":"text","text":" Something new is coming to the shelf…"}]},{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"Papery 3D Shelf","marks":[{"type":"bold"}]},{"type":"text","text":" : a playful take on the classic bookshelf, built to make browsing books feel less like scrolling and more like exploring."}]},{"type":"paragraph","content":[{"type":"text","text":"Drag a book. Tilt it. Pull it from the shelf. Open it. "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Under the hood, Papery brings together: "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Fully interactive 3D books "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Shelf + stacked layouts "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Smooth drag, hover & spring interactions "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Cursor-reactive lighting "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Aurora, shimmer & ring effects "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Customizable spacing, curvature & depth "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Animated reading panels with multiple sections "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Covers, spines, back covers & tactile surface details"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Think "},{"type":"text","text":"bookshelf + 3D object + mini reading experience","marks":[{"type":"bold"}]},{"type":"text","text":" all in one component."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for editorial sites, portfolios, publishing projects, creative studios — or anyone who thinks a bookshelf should be a little more fun."}]},{"type":"paragraph","content":[{"type":"text","text":"Coming soon to the Framer Marketplace.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"What would you put on the shelf?"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/01a0afe3-fc2f-73ac-8154-ff9cf70b1b84.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0a63a-7033-72c7-be5b-446d28fe9081","like":{"count":18,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0b13e-40f5-70a7-a045-dbab0a0e96ce","preview":"Yes. You can add as many books as you like and edit each one separately . Just add your own spine, cover, and optionally a backface to build a complete 3D book that becomes part of your canvas","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Yes. You can add as many books as you like and edit each one separately . Just add your own spine, cover, and optionally a backface to build a complete 3D book that becomes part of your canvas "}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0a63a-7033-72c7-be5b-446d28fe9081","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a0b071-8b0e-77af-8d4f-8b8d04866a37"},"repost":null}},"actors":[{"id":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","slug":"quzmo-studios","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T21:20:42.291Z","latestAt":"2026-09-17T21:20:42.291Z"},{"id":"01a0af74-2135-702d-a18a-3b9ffc2b775f","type":"post.liked","target":{"type":"post","id":"01a013d2-f68e-712b-9f12-6f89ece5a77b","preview":"good start to the day )","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"good start to the day )"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e46aa50e-6486-494c-af82-d7b4b64013ce/01a013d2-424f-7570-b93a-4d6a586ab6c8.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a013d2-f68e-712b-9f12-6f89ece5a77b","like":{"count":16,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","slug":"quzmo-studios","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T13:00:18.608Z","latestAt":"2026-09-17T13:00:18.608Z"},{"id":"01a0af72-dd57-72e8-83b2-2fdddcf49cf1","type":"post.liked","target":{"type":"post","id":"01a07b61-5950-77bd-855c-d79a2f3b10f9","preview":"My template Verseo is currently #3 among AI templates on Framer 🥹 \nNot gonna lie, seeing it up there made me really happy. Tiny win, but I’ll take it 🚀\nLink in comments )","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"My template Verseo is currently #3 among AI templates on Framer "},{"type":"emoji","attrs":{"name":"face_holding_back_tears","emoji":"🥹"}},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Not gonna lie, seeing it up there made me really happy. Tiny win, but I’ll take it "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]},{"type":"paragraph","content":[{"type":"text","text":"Link in comments )"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e46aa50e-6486-494c-af82-d7b4b64013ce/01a07b60-ccc6-7609-ad68-5d854fe093b8.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a07b61-5950-77bd-855c-d79a2f3b10f9","like":{"count":12,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","slug":"quzmo-studios","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T12:58:55.698Z","latestAt":"2026-09-17T12:58:55.698Z"},{"id":"01a0aee9-e47d-77cc-bbe6-1ccfe458bdd0","type":"comment.reply","target":{"type":"post","id":"01a0ac02-5e14-7148-9e2c-f1eec34d32a2","preview":"Papery ! Interactive 3D Bookshelf \nBrowsing a shelf shouldn't feel flat. Papery brings real depth, physics, and lighting to book/product showcases ; built natively for Framer, no code required.\nWhat makes it special:\n✦ Real 3D book geometry : spines, covers, and page edges render with actual depth, not flat cards pretending to be books\n✦ Drag interactions : swipe or click-drag through the shelf, with natural momentum and easing\n✦ Dynamic lighting : shadows and highlights shift as the shelf moves, so it feels lit rather than static\n✦ Click-to-explore : select any spine to bring it forward and view it in detail\n✦ Two layouts included : horizontal shelf and vertical shelf, drop in whichever fits your design\n✦ Fully customizable : swap in your own covers, titles, and colors for portfolios, book catalogs, product showcases, or curated collections\nInteractions : \n◆ Preview URL\n◆ Grab it Now","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Papery ","marks":[{"type":"bold"}]},{"type":"text","text":"! Interactive 3D Bookshelf "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Browsing a shelf shouldn't feel flat. Papery brings real depth, physics, and lighting to book/product showcases ; built natively for Framer, no code required."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"What makes it special:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Real 3D book geometry","marks":[{"type":"bold"}]},{"type":"text","text":" : spines, covers, and page edges render with actual depth, not flat cards pretending to be books"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Drag interactions","marks":[{"type":"bold"}]},{"type":"text","text":" : swipe or click-drag through the shelf, with natural momentum and easing"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Dynamic lighting","marks":[{"type":"bold"}]},{"type":"text","text":" : shadows and highlights shift as the shelf moves, so it feels lit rather than static"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Click-to-explore","marks":[{"type":"bold"}]},{"type":"text","text":" : select any spine to bring it forward and view it in detail"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Two layouts included","marks":[{"type":"bold"}]},{"type":"text","text":" : horizontal shelf and vertical shelf, drop in whichever fits your design"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Fully customizable","marks":[{"type":"bold"}]},{"type":"text","text":" : swap in your own covers, titles, and colors for portfolios, book catalogs, product showcases, or curated collections"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Interactions : ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"◆ ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://papery.framer.website/","target":"_blank"}}]},{"type":"text","text":"Preview URL","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://papery.framer.website/","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"◆ Grab it Now","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://contra.com/payment-link/YpsVluEU-papery-3-d-books-shelf-carousel-for-framer","target":"_blank"}},{"type":"bold"}]}]}]},"thumbnail":"https://image.mux.com/JdloB02iPH7Z6q12QSc2cDEjpgj823lfIQoBYPklKuzc/thumbnail.webp?time=4.164","targetDeleted":false,"owned":true,"actions":{"postId":"01a0ac02-5e14-7148-9e2c-f1eec34d32a2","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0aee9-e45f-711e-b7ff-4d90e37bb525","preview":"Thanks! Glad you like it !","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Thanks! Glad you like it !"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0ac02-5e14-7148-9e2c-f1eec34d32a2","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0adc6-e4b2-746e-b630-1a37f3d04e01"},"repost":null}},"actors":[{"id":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","slug":"quzmo-studios","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T10:29:19.101Z","latestAt":"2026-09-17T10:29:19.101Z"},{"id":"01a0aee8-11b2-706a-8e6b-e0de17c6e0c3","type":"comment.liked","target":{"type":"comment","id":"01a0adc6-e4b2-746e-b630-1a37f3d04e01","preview":"oh i like this!","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"oh i like this!"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0ac02-5e14-7148-9e2c-f1eec34d32a2","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0adc6-e4b2-746e-b630-1a37f3d04e01"},"repost":null}},"context":{"type":"post","id":"01a0ac02-5e14-7148-9e2c-f1eec34d32a2","preview":"Papery ! Interactive 3D Bookshelf \nBrowsing a shelf shouldn't feel flat. Papery brings real depth, physics, and lighting to book/product showcases ; built natively for Framer, no code required.\nWhat makes it special:\n✦ Real 3D book geometry : spines, covers, and page edges render with actual depth, not flat cards pretending to be books\n✦ Drag interactions : swipe or click-drag through the shelf, with natural momentum and easing\n✦ Dynamic lighting : shadows and highlights shift as the shelf moves, so it feels lit rather than static\n✦ Click-to-explore : select any spine to bring it forward and view it in detail\n✦ Two layouts included : horizontal shelf and vertical shelf, drop in whichever fits your design\n✦ Fully customizable : swap in your own covers, titles, and colors for portfolios, book catalogs, product showcases, or curated collections\nInteractions : \n◆ Preview URL\n◆ Grab it Now","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Papery ","marks":[{"type":"bold"}]},{"type":"text","text":"! Interactive 3D Bookshelf "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Browsing a shelf shouldn't feel flat. Papery brings real depth, physics, and lighting to book/product showcases ; built natively for Framer, no code required."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"What makes it special:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Real 3D book geometry","marks":[{"type":"bold"}]},{"type":"text","text":" : spines, covers, and page edges render with actual depth, not flat cards pretending to be books"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Drag interactions","marks":[{"type":"bold"}]},{"type":"text","text":" : swipe or click-drag through the shelf, with natural momentum and easing"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Dynamic lighting","marks":[{"type":"bold"}]},{"type":"text","text":" : shadows and highlights shift as the shelf moves, so it feels lit rather than static"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Click-to-explore","marks":[{"type":"bold"}]},{"type":"text","text":" : select any spine to bring it forward and view it in detail"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Two layouts included","marks":[{"type":"bold"}]},{"type":"text","text":" : horizontal shelf and vertical shelf, drop in whichever fits your design"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Fully customizable","marks":[{"type":"bold"}]},{"type":"text","text":" : swap in your own covers, titles, and colors for portfolios, book catalogs, product showcases, or curated collections"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Interactions : ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"◆ ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://papery.framer.website/","target":"_blank"}}]},{"type":"text","text":"Preview URL","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://papery.framer.website/","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"◆ Grab it Now","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://contra.com/payment-link/YpsVluEU-papery-3-d-books-shelf-carousel-for-framer","target":"_blank"}},{"type":"bold"}]}]}]},"thumbnail":"https://image.mux.com/JdloB02iPH7Z6q12QSc2cDEjpgj823lfIQoBYPklKuzc/thumbnail.webp?time=4.164","targetDeleted":false,"owned":true,"actions":{"postId":"01a0ac02-5e14-7148-9e2c-f1eec34d32a2","like":{"count":11,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"actors":[{"id":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","slug":"quzmo-studios","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-17T10:27:19.599Z","latestAt":"2026-09-17T10:27:19.599Z"},{"id":"01a0ac56-d34b-743e-b9bc-1cc4547bc243","type":"comment.created","target":{"type":"post","id":"01a0ac4a-94b0-7263-bf9d-a677ce8048ef","preview":"It’s all red today :(","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"It’s all red today :("}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/83173bd7-4205-433b-8a73-4f67539e0ffe/01a0ac4a-17a4-745c-9d44-1c36c6a91e47.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0ac4a-94b0-7263-bf9d-a677ce8048ef","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0ac56-d330-767b-bbea-da40a69c795b","preview":"things will get better , you just have to believe it","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"things will get better , you just have to believe it "}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0ac4a-94b0-7263-bf9d-a677ce8048ef","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0ac56-d330-767b-bbea-da40a69c795b"},"repost":null}},"actors":[{"id":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","slug":"quzmo-studios","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T22:29:26.475Z","latestAt":"2026-09-16T22:29:26.475Z"},{"id":"01a0ac56-1596-701b-a839-ac84e52cccff","type":"post.liked","target":{"type":"post","id":"01a0ac4a-94b0-7263-bf9d-a677ce8048ef","preview":"It’s all red today :(","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"It’s all red today :("}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/83173bd7-4205-433b-8a73-4f67539e0ffe/01a0ac4a-17a4-745c-9d44-1c36c6a91e47.png","targetDeleted":false,"owned":false,"actions":{"postId":"01a0ac4a-94b0-7263-bf9d-a677ce8048ef","like":{"count":3,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","slug":"quzmo-studios","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T22:28:37.902Z","latestAt":"2026-09-16T22:28:37.902Z"},{"id":"01a0aae1-8df2-74dc-87ff-af8f6d932063","type":"comment.liked","target":{"type":"comment","id":"01a0a704-8f02-75ed-8a14-d8955ab03097","preview":"this looks very cool - looking forward to checking it out - do you have a demo link to preview?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"this looks very cool - looking forward to checking it out - do you have a demo link to preview?"}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"01a0a63a-7033-72c7-be5b-446d28fe9081","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0a704-8f02-75ed-8a14-d8955ab03097"},"repost":null}},"context":{"type":"post","id":"01a0a63a-7033-72c7-be5b-446d28fe9081","preview":"📚 Something new is coming to the shelf…\nMeet Papery 3D Shelf : a playful take on the classic bookshelf, built to make browsing books feel less like scrolling and more like exploring.\nDrag a book. Tilt it. Pull it from the shelf. Open it. ✨\nUnder the hood, Papery brings together: \n✦ Fully interactive 3D books \n✦ Shelf + stacked layouts \n✦ Smooth drag, hover & spring interactions \n✦ Cursor-reactive lighting \n✦ Aurora, shimmer & ring effects \n✦ Customizable spacing, curvature & depth \n✦ Animated reading panels with multiple sections \n✦ Covers, spines, back covers & tactile surface details\nThink bookshelf + 3D object + mini reading experience all in one component.\nBuilt for editorial sites, portfolios, publishing projects, creative studios — or anyone who thinks a bookshelf should be a little more fun.\nComing soon to the Framer Marketplace.\nWhat would you put on the shelf?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"books","emoji":"📚"}},{"type":"text","text":" Something new is coming to the shelf…"}]},{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"Papery 3D Shelf","marks":[{"type":"bold"}]},{"type":"text","text":" : a playful take on the classic bookshelf, built to make browsing books feel less like scrolling and more like exploring."}]},{"type":"paragraph","content":[{"type":"text","text":"Drag a book. Tilt it. Pull it from the shelf. Open it. "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Under the hood, Papery brings together: "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Fully interactive 3D books "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Shelf + stacked layouts "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Smooth drag, hover & spring interactions "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Cursor-reactive lighting "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Aurora, shimmer & ring effects "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Customizable spacing, curvature & depth "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Animated reading panels with multiple sections "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Covers, spines, back covers & tactile surface details"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Think "},{"type":"text","text":"bookshelf + 3D object + mini reading experience","marks":[{"type":"bold"}]},{"type":"text","text":" all in one component."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for editorial sites, portfolios, publishing projects, creative studios — or anyone who thinks a bookshelf should be a little more fun."}]},{"type":"paragraph","content":[{"type":"text","text":"Coming soon to the Framer Marketplace.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"What would you put on the shelf?"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/01a0afe3-fc2f-73ac-8154-ff9cf70b1b84.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0a63a-7033-72c7-be5b-446d28fe9081","like":{"count":18,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"actors":[{"id":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","slug":"quzmo-studios","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T15:41:43.789Z","latestAt":"2026-09-16T15:41:43.789Z"},{"id":"01a0aad9-20df-7413-830f-4fabfc76001d","type":"comment.reply","target":{"type":"post","id":"01a0a63a-7033-72c7-be5b-446d28fe9081","preview":"📚 Something new is coming to the shelf…\nMeet Papery 3D Shelf : a playful take on the classic bookshelf, built to make browsing books feel less like scrolling and more like exploring.\nDrag a book. Tilt it. Pull it from the shelf. Open it. ✨\nUnder the hood, Papery brings together: \n✦ Fully interactive 3D books \n✦ Shelf + stacked layouts \n✦ Smooth drag, hover & spring interactions \n✦ Cursor-reactive lighting \n✦ Aurora, shimmer & ring effects \n✦ Customizable spacing, curvature & depth \n✦ Animated reading panels with multiple sections \n✦ Covers, spines, back covers & tactile surface details\nThink bookshelf + 3D object + mini reading experience all in one component.\nBuilt for editorial sites, portfolios, publishing projects, creative studios — or anyone who thinks a bookshelf should be a little more fun.\nComing soon to the Framer Marketplace.\nWhat would you put on the shelf?","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"books","emoji":"📚"}},{"type":"text","text":" Something new is coming to the shelf…"}]},{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"Papery 3D Shelf","marks":[{"type":"bold"}]},{"type":"text","text":" : a playful take on the classic bookshelf, built to make browsing books feel less like scrolling and more like exploring."}]},{"type":"paragraph","content":[{"type":"text","text":"Drag a book. Tilt it. Pull it from the shelf. Open it. "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Under the hood, Papery brings together: "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Fully interactive 3D books "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Shelf + stacked layouts "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Smooth drag, hover & spring interactions "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Cursor-reactive lighting "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Aurora, shimmer & ring effects "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Customizable spacing, curvature & depth "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Animated reading panels with multiple sections "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Covers, spines, back covers & tactile surface details"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Think "},{"type":"text","text":"bookshelf + 3D object + mini reading experience","marks":[{"type":"bold"}]},{"type":"text","text":" all in one component."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for editorial sites, portfolios, publishing projects, creative studios — or anyone who thinks a bookshelf should be a little more fun."}]},{"type":"paragraph","content":[{"type":"text","text":"Coming soon to the Framer Marketplace.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"What would you put on the shelf?"}]}]},"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/01a0afe3-fc2f-73ac-8154-ff9cf70b1b84.png","targetDeleted":false,"owned":true,"actions":{"postId":"01a0a63a-7033-72c7-be5b-446d28fe9081","like":{"count":18,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":1,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a0aad9-20c7-71ae-9de2-469f11dd1d67","preview":"Absolutely! Thanks so much, I’d love to hear what you think. ✦\nI’ve just uploaded the component , here’s the link to play around with: Preview\nHope you enjoy exploring it !","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Absolutely! Thanks so much, I’d love to hear what you think. ✦"}]},{"type":"paragraph","content":[{"type":"text","text":"I’ve just uploaded the "},{"type":"text","text":"component ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.framer.com/community/posts/8i5DpPo6FGtcez2dap4rA4/","target":"_blank"}}]},{"type":"text","text":", here’s the link to play around with: "},{"type":"text","text":"Preview","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://papery.framer.website/","target":"_blank"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Hope you enjoy exploring it !"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a0a63a-7033-72c7-be5b-446d28fe9081","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a0a704-8f02-75ed-8a14-d8955ab03097"},"repost":null}},"actors":[{"id":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","slug":"quzmo-studios","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-09-16T15:32:31.583Z","latestAt":"2026-09-16T15:32:31.583Z"},{"id":"01a0aad2-0241-7719-a184-6145d806955c","type":"component.created","target":{"type":"component","id":"hRR9TP6C1jQ5ELvOKX5V","preview":"Papery 3D BooksShelf","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/01a0b6a6-6d22-7778-8cca-3d8b4b42c0ce.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","slug":"quzmo-studios","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"component","visibility":"public","startedAt":"2026-09-16T15:24:44.993Z","latestAt":"2026-09-16T15:24:44.993Z"}],"pagination":{"next":"MjAyNi0wOS0xNlQxNToyNDo0NC45OTNafDAxYTBhYWQyLTAyNDEtNzcxOS1hMTg0LTYxNDVkODA2OTU1Yw","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d:/unified/posts/?creator=6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d&with=reposts":[{"data":[{"id":"01a0bbf4-6d1c-727b-ba23-158470d7c473","title":null,"body":"

A small reminder for anyone building in Framer: great design isn’t just about adding more ; it’s about making every detail earn its place.

A thoughtful interaction, a subtle motion cue, or a well-timed visual detail can make an interface feel completely different without making it more complicated.

Make it useful. Make it memorable. Then let the details do the rest . ✦

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A small reminder for anyone building in Framer: "},{"type":"text","text":"great design isn’t just about adding more ; it’s about making every detail earn its place.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A thoughtful interaction, a subtle motion cue, or a well-timed visual detail can make an interface feel completely different without making it more complicated."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Make it useful. Make it memorable. Then let the details do the rest . ✦","marks":[{"type":"bold"}]}]}]},"author":{"framerUserId":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","slug":"quzmo-studios","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/01a0bbf4-433f-761e-b3e7-7df65d9b21ff.png","metadata":{"tint":{"h":90,"s":55,"l":33},"width":3200,"height":3114}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-19T23:15:53.247Z","updatedAt":"2026-09-19T23:15:53.247Z"},{"id":"01a0b687-b6eb-75ab-845c-d0b4ade7cc19","title":null,"body":"$63","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Papery ","marks":[{"type":"bold"}]},{"type":"text","text":": an interactive 3D bookshelf for Framer. Real books that tilt, pull out, and open on click. Not rectangles in book costumes."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"How it works:","marks":[{"type":"bold"}]},{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it on your canvas, shelve as many books as you like, and dress each one in your own spine, cover, and (if you're showing off) a backface. No code. The fun stuff works out of the box."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Why it's unique:","marks":[{"type":"bold"}]},{"type":"text","text":" Every book is a real, editable 3D object on your canvas, and every cover opens into its own little story. Unlimited shelf space included."}]},{"type":"paragraph","content":[{"type":"text","text":"Portfolios, pricing pages, changelogs: ","marks":[{"type":"bold"}]},{"type":"text","text":"everything looks better on a shelf. Go build yours. We'll be judging the covers. "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"✦ Preview URL","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://papery.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Grab It Now","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow ugc","href":"https://contra.com/products/kjeJyG9S-papery-3-d-books-shelf-carousel-for-framer","target":"_blank"}}]}]},{"type":"paragraph"}]},"author":{"framerUserId":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","slug":"quzmo-studios","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/01a0b682-44ea-7774-a264-39d91cfd0a39.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":3200,"height":2400}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":2},"reposts":{"count":1,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-18T21:59:02.639Z","updatedAt":"2026-09-18T21:59:02.639Z"},{"id":"01a0b11a-20a5-77ab-90e9-18798fd1a906","title":null,"body":"

A little UI tool landscape, all in one frame. 🧩

There are more tools than ever for designing, prototyping, building, animating, and shipping interfaces , but knowing which tool fits which part of the process can get surprisingly messy.

So we put together this little visual snapshot of some of the tools shaping the UI workflow today, from design and prototyping to development and motion.

What’s your go-to tool right now , and what’s one tool you think deserves a spot on this board? 👀

Quzmo Studios ®

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A little UI tool landscape, all in one frame. ","marks":[{"type":"bold"}]},{"type":"emoji","attrs":{"name":"jigsaw","emoji":"🧩"}}]},{"type":"paragraph","content":[{"type":"text","text":"There are more tools than ever for designing, prototyping, building, animating, and shipping interfaces , but knowing "},{"type":"text","text":"which tool fits which part of the process","marks":[{"type":"italic"}]},{"type":"text","text":" can get surprisingly messy."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"So we put together this little visual snapshot of some of the tools shaping the UI workflow today, from design and prototyping to development and motion."}]},{"type":"paragraph","content":[{"type":"text","text":"What’s your go-to tool right now , and what’s one tool you think deserves a spot on this board? ","marks":[{"type":"bold"}]},{"type":"emoji","attrs":{"name":"eyes","emoji":"👀"}}]},{"type":"paragraph","content":[{"type":"text","text":"Quzmo Studios ®","marks":[{"type":"italic"}]}]}]},"author":{"framerUserId":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","slug":"quzmo-studios","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/01a0b118-c81e-730d-9d6b-6edf5cfb6e71.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1564,"height":1006}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-17T20:41:14.674Z","updatedAt":"2026-09-17T20:41:14.674Z"},{"id":"01a0ac02-5e14-7148-9e2c-f1eec34d32a2","title":null,"body":"$64","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Papery ","marks":[{"type":"bold"}]},{"type":"text","text":"! Interactive 3D Bookshelf "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Browsing a shelf shouldn't feel flat. Papery brings real depth, physics, and lighting to book/product showcases ; built natively for Framer, no code required."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"What makes it special:","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Real 3D book geometry","marks":[{"type":"bold"}]},{"type":"text","text":" : spines, covers, and page edges render with actual depth, not flat cards pretending to be books"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Drag interactions","marks":[{"type":"bold"}]},{"type":"text","text":" : swipe or click-drag through the shelf, with natural momentum and easing"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Dynamic lighting","marks":[{"type":"bold"}]},{"type":"text","text":" : shadows and highlights shift as the shelf moves, so it feels lit rather than static"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Click-to-explore","marks":[{"type":"bold"}]},{"type":"text","text":" : select any spine to bring it forward and view it in detail"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Two layouts included","marks":[{"type":"bold"}]},{"type":"text","text":" : horizontal shelf and vertical shelf, drop in whichever fits your design"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Fully customizable","marks":[{"type":"bold"}]},{"type":"text","text":" : swap in your own covers, titles, and colors for portfolios, book catalogs, product showcases, or curated collections"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Interactions : ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"◆ ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://papery.framer.website/","target":"_blank"}}]},{"type":"text","text":"Preview URL","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://papery.framer.website/","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"◆ Grab it Now","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://contra.com/payment-link/YpsVluEU-papery-3-d-books-shelf-carousel-for-framer","target":"_blank"}},{"type":"bold"}]}]}]},"author":{"framerUserId":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","slug":"quzmo-studios","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/JdloB02iPH7Z6q12QSc2cDEjpgj823lfIQoBYPklKuzc.m3u8","metadata":{"posterUrl":"https://image.mux.com/JdloB02iPH7Z6q12QSc2cDEjpgj823lfIQoBYPklKuzc/thumbnail.webp?time=4.164","aspectRatio":"622:343","duration":27.3361}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-16T20:57:11.448Z","updatedAt":"2026-09-16T20:57:11.448Z"},{"id":"01a0aad1-fe79-7450-bf7f-3e6c1103cd19","title":null,"body":"$65","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Meet Papery : ","marks":[{"type":"bold"}]},{"type":"text","text":"the 3D bookshelf for Framer that behaves like real furniture."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Browse your way","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"◦ Explore a perspective shelf that reacts as you move through it"}]},{"type":"paragraph","content":[{"type":"text","text":"◦ Spin through a vertical drum of books with drag, momentum, and inertia"}]},{"type":"paragraph","content":[{"type":"text","text":"◦ Auto-tour modes can bring the collection to life when you're not interacting"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Pick a book","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"◦ Bring it forward from the collection"}]},{"type":"paragraph","content":[{"type":"text","text":"◦ Rotate it in 3D and inspect it from every angle"}]},{"type":"paragraph","content":[{"type":"text","text":"◦ Let the cursor torch sweep across the paper block"}]},{"type":"paragraph","content":[{"type":"text","text":"◦ Read the book's details in an accompanying glass reading panel"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Make every book feel different","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"◦ Procedurally generated covers, spines, and backs in SVG"}]},{"type":"paragraph","content":[{"type":"text","text":"◦ Adjustable thickness, tilt, swing, materials, and typography"}]},{"type":"paragraph","content":[{"type":"text","text":"◦ An "},{"type":"text","text":"Age","marks":[{"type":"bold"}]},{"type":"text","text":" slider takes a book from pristine to beautifully weathered"}]},{"type":"paragraph","content":[{"type":"text","text":"◦ Add foxing, cracks, stains, grime, aged paper, leather grain, and more"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Built for the web","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"◦ Six-face CSS 3D objects — no WebGL"}]},{"type":"paragraph","content":[{"type":"text","text":"◦ Spring physics, momentum, adaptive layouts, and smooth transitions"}]},{"type":"paragraph","content":[{"type":"text","text":"◦ Keyboard navigation and reduced-motion support"}]},{"type":"paragraph","content":[{"type":"text","text":"◦ Deep controls for nearly every visual and motion detail"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"And a little theatre","marks":[{"type":"bold"}]},{"type":"text","text":" Select a book and a single light pass sweeps across its surfaces , a small detail, but one that makes the whole collection feel alive."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Papery is more than a bookshelf. It's a collection you can explore, pick up, and Learn.","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"emoji","attrs":{"name":"books","emoji":"📚"}}]}]},"author":{"framerUserId":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","slug":"quzmo-studios","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","followed":false,"followsYou":false},"media":[],"resources":[{"id":"hRR9TP6C1jQ5ELvOKX5V","resolved":true,"title":"Papery 3D BooksShelf","body":"$66","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"PAPERY : The 3D bookshelf that turns scrolling into shelving."}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Forget flat thumbnails. Papery is a 3D library that opens the way a real book does: pull one forward, watch it swing, and land on pages you can actually read. Every cover, spine, and back is generated procedurally, rendered entirely in Canvas 2D. No textures shipped, no plugins, no WebGL in sight."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"✦ Two Ways to Browse","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shelf","marks":[{"type":"bold"}]},{"type":"text","text":": a scrolling row that reacts to your cursor, spines fanning open as you pass like fingers walking a shelf"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Stack","marks":[{"type":"bold"}]},{"type":"text","text":": a spinning drum you rifle through like a rolodex, with curve, pile depth, and stagger all in your hands"}]}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"✦ Books That Feel Real"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Foil-stamped titles, aged paper, leather grain, all generated per book, not pasted on"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"One age slider takes a jacket from off-the-press crisp to attic-find distressed: cracking, mottling, staining, the works"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spine and cover width can run on auto, sized from page count and image aspect, or be pinned manually book by book"}]}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"✦ Reading, Not Just Looking"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Each book holds multiple articles, formatted with headers, quotes, and lists, so this is a shelf you can actually read"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A torch light trails your cursor across the open page like you're reading by lamplight"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A one-shot selection effect, aurora, glow, pulse, or highlight, flares across the cover the instant it opens, then gets out of the way"}]}]}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"✦ Tuned for Craft"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Deep property controls: curve, gap, tilt, panel side, swing direction, hover lift, all exposed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reduced-motion respected automatically, no extra setup"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Panel type, color, and spacing fully themeable to match your brand"}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Built for portfolios, editorial archives, and product catalogs, anywhere \"browse\" should feel like something, not just scroll."}]}]},"introduction":"Turn scrolls into 3D book shelves","slug":"papery-3d-booksshelf","author":{"framerUserId":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","slug":"quzmo-studios","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/01a0b6a6-6d22-7778-8cca-3d8b4b42c0ce.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-09-16T15:24:42.633Z","updatedAt":"2026-09-18T22:33:10.579Z","publishedAt":"2026-09-16T15:24:42.559Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://papery.framer.website/","price":"16","paymentUrl":"https://contra.com/payment-link/YpsVluEU-papery-3-d-books-shelf-carousel-for-framer","workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"xILMKKiOPpeFdoKDYBAD","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-09-16T15:38:36.281Z","createdAt":"2026-09-16T15:24:44.026Z","updatedAt":"2026-09-16T15:38:36.281Z"},{"id":"01a0a63a-7033-72c7-be5b-446d28fe9081","title":null,"body":"$67","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"books","emoji":"📚"}},{"type":"text","text":" Something new is coming to the shelf…"}]},{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"Papery 3D Shelf","marks":[{"type":"bold"}]},{"type":"text","text":" : a playful take on the classic bookshelf, built to make browsing books feel less like scrolling and more like exploring."}]},{"type":"paragraph","content":[{"type":"text","text":"Drag a book. Tilt it. Pull it from the shelf. Open it. "},{"type":"emoji","attrs":{"name":"sparkles","emoji":"✨"}}]},{"type":"paragraph","content":[{"type":"text","text":"Under the hood, Papery brings together: "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Fully interactive 3D books "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Shelf + stacked layouts "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Smooth drag, hover & spring interactions "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Cursor-reactive lighting "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Aurora, shimmer & ring effects "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Customizable spacing, curvature & depth "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Animated reading panels with multiple sections "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Covers, spines, back covers & tactile surface details"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Think "},{"type":"text","text":"bookshelf + 3D object + mini reading experience","marks":[{"type":"bold"}]},{"type":"text","text":" all in one component."}]},{"type":"paragraph","content":[{"type":"text","text":"Built for editorial sites, portfolios, publishing projects, creative studios — or anyone who thinks a bookshelf should be a little more fun."}]},{"type":"paragraph","content":[{"type":"text","text":"Coming soon to the Framer Marketplace.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"What would you put on the shelf?"}]}]},"author":{"framerUserId":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","slug":"quzmo-studios","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/01a0afe3-fc2f-73ac-8154-ff9cf70b1b84.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":3200,"height":2400}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":18,"liked":false},"comments":{"count":4},"reposts":{"count":1,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-09-17T15:02:32.284Z","createdAt":"2026-09-15T18:00:42.806Z","updatedAt":"2026-09-17T15:02:32.284Z"},{"id":"01a07333-df60-737c-aec2-aa3cf9e8d3d9","title":null,"body":"

We’ve been a little quiet around here lately but for good reason !

we stepped away to build, experiment, and rethink what’s next. Now we'll be back soon, feeling more inspired than ever, and theres some exciting stuff coming to the store ; stay tuned and Let’s get building again 🚀

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"We’ve been a little quiet around here lately but for good reason ! "}]},{"type":"paragraph","content":[{"type":"text","text":"we stepped away to build, experiment, and rethink what’s next. Now we'll be back soon, feeling more inspired than ever, and theres some exciting stuff coming to the store ; stay tuned and Let’s get building again "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]}]},"author":{"framerUserId":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","slug":"quzmo-studios","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":4,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-05T20:12:54.521Z","updatedAt":"2026-09-05T20:12:54.521Z"},{"id":"01a04b4e-0078-71ab-8884-4bf90e01c297","title":null,"body":"

Padding, radius, and gap decide more of a UI's "feel" than color ever does. most people can point at "premium" or "playful" but couldn't tell you why. It usually comes down to a handful of spacing decisions working together. This matrix is our attempt at making that legible at a glance.

✦ Save it for your next Project ◆ Repost if it's useful, and follow for more of these.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Padding","marks":[{"type":"bold"}]},{"type":"text","text":", "},{"type":"text","text":"radius","marks":[{"type":"bold"}]},{"type":"text","text":", and "},{"type":"text","text":"gap","marks":[{"type":"bold"}]},{"type":"text","text":" decide more of a UI's \"feel\" than color ever does. most people can point at \""},{"type":"text","text":"premium","marks":[{"type":"bold"}]},{"type":"text","text":"\" or \""},{"type":"text","text":"playful","marks":[{"type":"bold"}]},{"type":"text","text":"\" but couldn't tell you why. It usually comes down to a handful of spacing decisions working together. This matrix is our attempt at making that legible at a glance."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"✦ Save it for your next Project ◆ Repost if it's useful, and follow for more of these."}]}]},"author":{"framerUserId":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","slug":"quzmo-studios","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/01a04b4d-f60e-72b7-8837-60e989604a1d.png","metadata":{"tint":{"h":0,"s":0,"l":22},"width":3200,"height":2349}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-29T02:16:38.267Z","updatedAt":"2026-08-29T02:16:38.267Z"},{"id":"01a04170-401a-73eb-b03a-ec4d930ac94b","title":null,"body":"

Curious how you all market a new component after launching it. What channels or strategies have actually worked for you?

Also, for those who’ve been selling components for a while: is it genuinely worth the time investment? I’m spending a pretty significant amount of time building and maintaining them to make them as high-quality as possible, so I’m trying to figure out whether the effort pays off long-term or if there’s a smarter way to approach it.

Would love to hear what’s worked and what hasn’t, especially since I’m relatively new here.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Curious how you all market a new component after launching it. What channels or strategies have actually worked for you?"}]},{"type":"paragraph","content":[{"type":"text","text":"Also, for those who’ve been selling components for a while: is it genuinely worth the time investment? I’m spending a pretty significant amount of time building and maintaining them to make them as high-quality as possible, so I’m trying to figure out whether the effort pays off long-term or if there’s a smarter way to approach it."}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to hear what’s worked and what hasn’t, especially since I’m relatively new here."}]}]},"author":{"framerUserId":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","slug":"quzmo-studios","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":5},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-27T04:17:50.624Z","updatedAt":"2026-08-27T04:17:50.624Z"},{"id":"01a04093-3885-7234-a901-de9975c86636","title":null,"body":"

DropLab Just Launched, & Here’s What You Need to Know ✦

DropLab turns a static Framer section into a real-time physics playground. Objects fall, bounce, stack, and react instead of just playing an animation.

◆ Drag, throw, and draw objects directly in the scene

◆ Connected PNGs collide using their real edges

◆ Framer frames and slots can become physical objects

◆ Dynamic lighting, glow, shadows, and impact squash add premium depth

Most components animate. DropLab responds. That’s what makes it feel alive.

✦ Preview URL

✦ Grab it Now

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"DropLab Just Launched, & Here’s What You Need to Know ✦"}]},{"type":"paragraph","content":[{"type":"text","text":"DropLab turns a static Framer section into a real-time physics playground. Objects fall, bounce, stack, and react instead of just playing an animation."}]},{"type":"paragraph","content":[{"type":"text","text":"◆ Drag, throw, and draw objects directly in the scene"}]},{"type":"paragraph","content":[{"type":"text","text":"◆ Connected PNGs collide using their real edges"}]},{"type":"paragraph","content":[{"type":"text","text":"◆ Framer frames and slots can become physical objects"}]},{"type":"paragraph","content":[{"type":"text","text":"◆ Dynamic lighting, glow, shadows, and impact squash add premium depth"}]},{"type":"paragraph","content":[{"type":"text","text":"Most components animate. DropLab responds. That’s what makes it feel alive."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Preview URL ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://drop-lab.framer.website/comments","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Grab it Now","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://contra.com/payment-link/S4WCqfQG-drop-lab","target":"_blank"}}]}]}]},"author":{"framerUserId":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","slug":"quzmo-studios","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/l2Ssjmf2yUMPF01SnRpXQAgZmIsIBufyzbhLCZrI6bPQ.m3u8","metadata":{"posterUrl":"https://image.mux.com/l2Ssjmf2yUMPF01SnRpXQAgZmIsIBufyzbhLCZrI6bPQ/thumbnail.webp?time=2.153","aspectRatio":"243:166","duration":29.65}}],"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-08-27T00:25:23.312Z","createdAt":"2026-08-27T00:16:25.227Z","updatedAt":"2026-08-27T00:25:23.312Z"},{"id":"01a04065-fc53-708f-988d-54be2de6b36c","title":null,"body":"$68","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Excited ","marks":[{"type":"bold"}]},{"type":"text","text":"to introduce "},{"type":"text","text":"DropLab","marks":[{"type":"bold"}]},{"type":"text","text":" : a premium interactive physics component for Framer ."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"DropLab was built around a simple idea: websites should not just be viewed, they should be touched. It turns a static section into a physical playground where shapes fall, bounce, stack, and respond with real-time motion. Every interaction is designed to feel immediate, tactile, and polished."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"✦ Real-time physics: objects fall, collide, and settle with tuned gravity, bounce, friction, and weight."}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Drag and throw: grab objects, carry them, toss them, and watch them react with natural momentum."}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Draw-to-drop: hold to sketch, then release your drawing as a live physical object in the scene."}]},{"type":"paragraph","content":[{"type":"text","text":"✦ PNG collision: transparent images can interact through their actual edges, not just a box."}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Connected slots: bring Framer frames and visuals into the physics layer as interactive objects."}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Dynamic lighting: cursor glow, highlights, soft shadows, impact squash, and depth response."}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Visual control: themes, grid styles, shapes, fills, spacing, and appearance controls built in."}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Performance-focused: idle states, efficient rendering, object limits, and smooth interaction logic."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"The goal was to create something that feels playful and premium at the same time. A component that can power hero sections, product demos, portfolios, launch pages, and interactive experiences without losing the polish expected in a professional Framer project."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Grab something. Throw it. Watch the shadow catch up a beat before the object does.","marks":[{"type":"italic"}]}]},{"type":"paragraph"}]},"author":{"framerUserId":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","slug":"quzmo-studios","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","followed":false,"followsYou":false},"media":[],"resources":[{"id":"E4LKXkfBbf4wibckBj1L","resolved":true,"title":"Drop Lab","body":"$69","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"✦ DropLab : Physics-powered interaction Engine ","marks":[{"type":"bold"}]}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Most \"physics\" components fake it: "},{"type":"text","text":"a spring curve, an ease out, a bounce reset to zero","marks":[{"type":"italic"}]},{"type":"text","text":". "},{"type":"text","text":"Drop Lab","marks":[{"type":"bold"}]},{"type":"text","text":" doesn't animate the fall, it simulates it. Matter.js runs a fixed 60fps timestep under everything you see, with real mass, real friction, real collision, and sleep state bodies that cost nothing once settled. No entrance keyframes, no exit fades. Objects spawn solid, mid air, and gravity does the rest."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"FOUR WAYS IN","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"purple_circle","emoji":"🟣"}},{"type":"text","text":" ✦ DRAW : hold, trace, release. A marching squares contour pass reads your stroke pixel by pixel and builds a real collider, not a bounding box. Draw a blob, a star, your initials. It falls like it means it."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"large_blue_circle","emoji":"🔵"}},{"type":"text","text":" ✦ DROP : cubes, spheres, hexes, capsules. Chamfered, gradient lit, shaded like it was rendered, not faked with a box shadow."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"green_circle","emoji":"🟢"}},{"type":"text","text":" ✦ SLOT : drop in a live Framer component. Alpha shape detection traces the actual visible pixels, not the rectangle, so a transparent PNG collides like its silhouette. Auto detects sticker vs frame."}]},{"type":"paragraph","content":[{"type":"emoji","attrs":{"name":"orange_circle","emoji":"🟠"}},{"type":"text","text":" ✦ LIGHT : a cursor driven glow dims what's far and lifts what's close. Every object gets its own specular highlight, repositioned per frame."}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"DETAILS THAT DON'T SHOW UP IN A PREVIEW","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"◆ Contact shadows scale and soften with height, real perspective correct scaling "}]},{"type":"paragraph","content":[{"type":"text","text":"◆ Impact squash on landing, mass aware and tunable, gone before your eye catches it "}]},{"type":"paragraph","content":[{"type":"text","text":"◆ Cursor push field with falloff, no click required"}]},{"type":"paragraph","content":[{"type":"text","text":"◆ Drag and throw with real momentum transfer "}]},{"type":"paragraph","content":[{"type":"text","text":"◆ IntersectionObserver gated, pauses off screen "}]},{"type":"paragraph","content":[{"type":"text","text":"◆ Full property control coverage: gravity, bounce, drop source/order, lighting radius, grid, theme"}]},{"type":"paragraph"},{"type":"customHeading","content":[{"type":"text","text":"BUILT FOR THE CANVAS","marks":[{"type":"bold"}]}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Every value in the preview is the value in production. Auto light/dark theme. Transparent background support. Grouped, contextual controls that hide what you don't need until you need it."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Grab something. Throw it. Watch the shadow catch up a beat before the object does.","marks":[{"type":"italic"}]}]}]},"introduction":"Physics-powered Framer interaction","slug":"drop-lab","author":{"framerUserId":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","slug":"quzmo-studios","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/01a0407c-dbed-717c-9dff-0e919143a43a.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-08-26T23:27:00.161Z","updatedAt":"2026-08-27T03:18:29.812Z","publishedAt":"2026-08-26T23:27:00.158Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://drop-lab.framer.website/","price":"16","paymentUrl":"https://contra.com/payment-link/S4WCqfQG-drop-lab","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"xBE88TnWnOLQz5kU4f7t","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":4,"edited":true,"editedAt":"2026-08-27T02:51:04.704Z","createdAt":"2026-08-26T23:27:00.692Z","updatedAt":"2026-08-27T02:51:04.704Z"},{"id":"01a0365e-f79e-705f-a832-5bde7731b3ec","title":null,"body":"$6a","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"No","marks":[{"type":"bold"}]},{"type":"text","text":" WebGL, "},{"type":"text","text":"No","marks":[{"type":"bold"}]},{"type":"text","text":" pre-renders, just one Framer component running real-time canvas 3D at a silky 60fps."}]},{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"Cubix","marks":[{"type":"bold"}]},{"type":"text","text":" ⛋ your ideas, boxed brilliantly:"}]},{"type":"paragraph","content":[{"type":"text","text":"🟂 True box geometry: independent width, height, depth & perspective "}]},{"type":"paragraph","content":[{"type":"text","text":"🟂 Physics-feel drag spin with real inertia + snap-to-face easing "}]},{"type":"paragraph","content":[{"type":"text","text":"🟂 Auto-rotate on X / Y / Z for hands-free showcase mode "}]},{"type":"paragraph","content":[{"type":"text","text":"🟂 Six skinnable faces: solid color, crisp image or looping video per side "}]},{"type":"paragraph","content":[{"type":"text","text":"🟂 Packing tape & stickers that wrap edges like a genuine parcel, seamless repeat on any axis, flip to taste "}]},{"type":"paragraph","content":[{"type":"text","text":"🟂 Extruded relief geometry for that embossed, packaging-grade detailing "}]},{"type":"paragraph","content":[{"type":"text","text":"🟂 Studio lighting rig: specular hotspots, edge glow, fresnel rim "}]},{"type":"paragraph","content":[{"type":"text","text":"🟂 Selection FX: aurora flow, soft glow, pulse & highlight "}]},{"type":"paragraph","content":[{"type":"text","text":"🟂 Six animated content slots popping CTAs, prices & menus right off the face "}]},{"type":"paragraph","content":[{"type":"text","text":"🟂 Per-face actions: open links, snap, reveal slots or fire custom events "}]},{"type":"paragraph","content":[{"type":"text","text":"🟂 Cached texture layers + LOD rendering, buttery on desktop & mobile"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Built for 3D hero sections , product drops ,packaging mockups , portfolios , brand worlds , anything tired of being flat."}]},{"type":"paragraph","content":[{"type":"text","text":"Spin it, break it, ship it , feedback welcome below "},{"type":"emoji","attrs":{"name":"point_down","emoji":"👇"}}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Interact & Explore : "}]},{"type":"paragraph","content":[{"type":"text","text":"✦"},{"type":"text","text":" Preview URL","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://cubix-3d-museum.framer.website/rubix","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Grab it Now ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://contra.com/payment-link/CziYZMSG-cubix-3-d-museum","target":"_blank"}}]}]}]},"author":{"framerUserId":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","slug":"quzmo-studios","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/P68zOVt01n7bIwSVHA3lX5WSwu00pgvE01i5KTikncvkfI.m3u8","metadata":{"posterUrl":"https://image.mux.com/P68zOVt01n7bIwSVHA3lX5WSwu00pgvE01i5KTikncvkfI/thumbnail.webp?time=7.097","aspectRatio":"170:83","duration":18.283333}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":12,"liked":false},"comments":{"count":4},"reposts":{"count":0,"reposted":false,"repostId":null},"version":3,"edited":true,"editedAt":"2026-08-25T01:07:29.106Z","createdAt":"2026-08-25T00:43:08.579Z","updatedAt":"2026-08-25T01:07:29.106Z"},{"id":"01a03632-f6ba-77e8-b927-436f47dc098d","title":null,"body":"$6b","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Some components were created to decorate a page. Cubix builds a world on it.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Real-time 3D cube for Framer. No WebGL. No plugins. Just silky-smooth canvas magic."}]},{"type":"paragraph","content":[{"type":"text","text":"✦ True box geometry , width, height, depth & perspective "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Inertial drag-to-spin, snap-to-face & auto-rotate on 3 axis "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Color, image or looping video across all six faces "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Seamless edge-wrapping tape & stickers "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Extruded relief geometry for unboxable packaging feel "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Studio lighting , specular highlights, edge glow & rim light ✦ Six animated content slots that pull CTAs right off the face"}]},{"type":"paragraph","content":[{"type":"text","text":"Your ideas, boxed brilliantly.","marks":[{"type":"bold"}]},{"type":"text","text":" Crafted with love by "},{"type":"text","text":"Quzmo Studios.","marks":[{"type":"bold"},{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Spin it. Adjust it. Decorate it. Love it.","marks":[{"type":"bold"}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"If you enjoy seeing ambitious Framer experiments, interactive components, and the things we are building next, ","marks":[{"type":"italic"}]},{"type":"text","text":"follow along ,there’s plenty more coming it would mean a lot.","marks":[{"type":"bold"},{"type":"italic"}]}]}]},"author":{"framerUserId":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","slug":"quzmo-studios","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","followed":false,"followsYou":false},"media":[],"resources":[{"id":"JJzueV29uJOhFjp4gB4l","resolved":true,"title":"Cubix 3D Museum","body":"$6c","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Cubix 3D Museum : Interactive 3D Cube Component for Framer"}],"attrs":{"level":1}},{"type":"customHeading","content":[{"type":"text","text":"✦ A GPU-Grade Software Renderer. Zero Dependencies. Pure Canvas Sorcery."}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Cubix 3D Museum is a production-ready, fully interactive 3D cube engineered for Framer , no Three.js, no WebGL, no external libraries. Built on a bespoke quaternion-driven rendering pipeline with real-time perspective projection, this is the most technically advanced 3D primitive you can drop onto any Framer canvas"}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"zap","emoji":"⚡"}},{"type":"text","text":" Core Rendering Engine"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Quaternion arcball rotation with slerp interpolation & inertia physics"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Software perspective projection with adaptive 2×–4× tessellation"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Bilinear UV interpolation + affine triangle texture mapping"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Painter's algorithm depth sorting with backface culling"}]}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"art","emoji":"🎨"}},{"type":"text","text":" Face Customization"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"6 independent faces: solid color, image texture, or looping video"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Per-face relief geometry with multi-segment extrusion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjacent-face bridging for seamless 3D continuity"}]}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"label","emoji":"🏷"}},{"type":"text","text":" Sticker & Tape Decal System"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Multi-face wrapping decals with convex polygon clipping"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Looping tape bands (X/Y/Z) with repeating image tiling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Blend modes: Multiply, Screen, Overlay, Soft Light"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"glossy specular reflection layer"}]}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"bulb","emoji":"💡"}},{"type":"text","text":" Cinematic Lighting Pipeline"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Diffuse + specular + fresnel rim lighting"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Directional light with adjustable angle & color temp"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Edge glow with per-edge normal sampling"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Soft-light & overlay compositing passes"}]}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"computer_mouse","emoji":"🖱"}},{"type":"text","text":" Interaction & Animation"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Drag-to-rotate with velocity tracking & friction control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto-rotation (X/Y/Z) with adjustable speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Snap-to-face with eased slerp transitions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Click actions: link, rotate, show slot, or custom callback"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"7 slot animation presets (fade, slide, scale, blur)"}]}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"performing_arts","emoji":"🎭"}},{"type":"text","text":" Selection Effects"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Aurora Flow, Soft Glow, Pulse, Highlight overlays"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Dual-color aurora with layered gradient compositing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Infinite or limited play modes with cycle counting"}]}]}]},{"type":"customHeading","content":[{"type":"emoji","attrs":{"name":"wrench","emoji":"🔧"}},{"type":"text","text":" Why Cubix 3D Museum?"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Zero dependencies","marks":[{"type":"bold"}]},{"type":"text","text":": pure Canvas 2D, no WebGL"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"60fps loop","marks":[{"type":"bold"}]},{"type":"text","text":": with IntersectionObserver auto-pause"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"DPR-aware","marks":[{"type":"bold"}]},{"type":"text","text":" : up to 2× for Retina crispness"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully responsive :","marks":[{"type":"bold"}]},{"type":"text","text":" via ResizeObserver"}]}]}]},{"type":"paragraph"}]},"introduction":"Carved-Depth 3D Cube for Framer UI","slug":"cubix-3d-museum","author":{"framerUserId":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","slug":"quzmo-studios","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/01a03628-1099-7201-bd9c-998eb914b2b4.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-08-24T23:55:04.205Z","updatedAt":"2026-08-27T16:03:52.702Z","publishedAt":"2026-08-24T23:55:04.195Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://cubix-3d-museum.framer.website/","price":"16","paymentUrl":"https://contra.com/payment-link/CziYZMSG-cubix-3-d-museum","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"uMUp63I1LTtETDKjKSF7","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-24T23:55:04.763Z","updatedAt":"2026-08-24T23:55:04.763Z"},{"id":"01a034e9-2925-73d7-a582-0d4f5d2bae8c","title":null,"body":"$6d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Cubix 3D museum Dropping soon ! Interactive 3D Cube Component for Framer ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A production-ready 3D cube for Framer, crafted to turn flat pages into tactile experiences. Rendered entirely on canvas with zero WebGL and zero external dependencies."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"◆ Core Capabilities"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Fully dimensional box with independent width, height, depth, and perspective control"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Physics-based drag rotation with inertia, plus auto-rotation on the X, Y, or Z axis"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Per-face media: solid color, image, or looping video"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Edge-aware stickers and packing tape that wrap seamlessly across faces"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Repeating tape artwork along the X, Z, or Y axis with true-to-scale proportions"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Extruded relief geometry per face for embossed, packaging-grade detailing"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Real-time studio lighting with specular highlights, edge glow, and rim response"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Selection effects including aurora flow, soft glow, pulse, and highlight"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Per-face interactions: open links, snap to face, or reveal animated content slots"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Six content slots with configurable placement and entry animations"}]},{"type":"paragraph","content":[{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"◆ Ideal Use Cases"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Product launches ✦ Packaging mockups ✦ Portfolios Brand storytelling ✦ Hero sections"}]},{"type":"paragraph","content":[{"type":"text","text":" "}]},{"type":"paragraph","content":[{"type":"text","text":"◆ Performance"}]},{"type":"paragraph","content":[{"type":"text","text":"Optimized with cached texture layers, level-of-detail rendering, and a static editor preview for smooth authoring and publishing."}]},{"type":"paragraph","content":[{"type":"text","text":"Your feedback and questions are welcome below. Thank you for exploring Cubic Ideas."}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Preview URL ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://cubix-3d-museum.framer.website/cardbox","target":"_blank"}}]}]}]},"author":{"framerUserId":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","slug":"quzmo-studios","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/01a034e5-b7a4-74de-991d-ebab06a5ae8a.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"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":1,"edited":false,"editedAt":null,"createdAt":"2026-08-24T17:54:50.792Z","updatedAt":"2026-08-24T17:54:50.792Z"},{"id":"01a01cb3-319c-705a-b565-1137343c2332","title":null,"body":"$6e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A better way to work with images in Framer is almost here.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"Pixage","marks":[{"type":"bold"}]},{"type":"text","text":" "},{"type":"text","text":"Gallery ","marks":[{"type":"bold"}]},{"type":"text","text":"a refined Framer component designed to bring more control, flexibility, and polish to image-driven experiences."}]},{"type":"paragraph","content":[{"type":"text","text":"Built with the details in mind:"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Clean, responsive image layouts "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Flexible styling and customization "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Smooth, intentional interactions "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ A workflow that feels native to Framer "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Easy to adapt across different projects and use cases"}]},{"type":"paragraph","content":[{"type":"text","text":"No unnecessary complexity. No bloated setup. Just a thoughtfully crafted component that gives your visuals more room to shine."}]},{"type":"paragraph","content":[{"type":"text","text":"Pixage is Live Now ","marks":[{"type":"bold"}]},{"type":"text","text":"• : "},{"type":"text","text":"A small component, with a lot of potential. ✦","marks":[{"type":"italic"}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Preview URL ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://pixage-gallery.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Grab it Now","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://contra.com/payment-link/MJ3oUwmj-pixage-gallery","target":"_blank"}}]}]},{"type":"paragraph"}]},"author":{"framerUserId":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","slug":"quzmo-studios","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/jPc01VSV9gQkyHly700YquacSOfoL1rHdnzdoOOsQp00dc.m3u8","metadata":{"posterUrl":"https://image.mux.com/jPc01VSV9gQkyHly700YquacSOfoL1rHdnzdoOOsQp00dc/thumbnail.webp?time=9.87","aspectRatio":"367:237","duration":11.26}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"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-20T01:05:00.832Z","updatedAt":"2026-08-20T01:05:00.832Z"},{"id":"01a0182d-4161-735a-b6ad-2501422a1a68","title":null,"body":"

Pixage Gallery is live.

Point it at any image and hover does the rest, real time pixel art, LEGO, voxel, halftone, or comic ink, sampled live, not faked with a filter. Click through with a wave, crossfade, dissolve, or morph.

✦ 6 render styles ✦ 4 transition modes ✦ Zero dependencies, built on raw canvas

Drop it in, point it at your images, see what happens.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Pixage Gallery is live.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Point it at any image and hover does the rest, real time pixel art, LEGO, voxel, halftone, or comic ink, sampled live, not faked with a filter. Click through with a wave, crossfade, dissolve, or morph."}]},{"type":"paragraph","content":[{"type":"text","text":"✦ 6 render styles ✦ 4 transition modes ✦ Zero dependencies, built on raw canvas"}]},{"type":"paragraph","content":[{"type":"text","text":"Drop it in, point it at your images, see what happens."}]}]},"author":{"framerUserId":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","slug":"quzmo-studios","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","followed":false,"followsYou":false},"media":[],"resources":[{"id":"bK4NHs7BVfXiOdVAl98s","resolved":true,"title":"Pixage Gallery Waves","body":"$6f","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Pixage Gallery: Interactive Pixel Art Image Gallery for Framer"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Pixage Gallery turns any image into pixel art, LEGO, voxel, halftone, or comic ink on hover, sampled live pixel by pixel, not a filter overlay. Click and a wave, crossfade, dissolve, or per cell morph transition carries the gallery to the next image."}]},{"type":"customHeading","content":[{"type":"text","text":"Six Render Styles"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Clean","marks":[{"type":"bold"}]},{"type":"text","text":": the original image, untouched "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Pixel","marks":[{"type":"bold"}]},{"type":"text","text":": blocky pixel art mosaic, matte or glossy finish "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"LEGO","marks":[{"type":"bold"}]},{"type":"text","text":": studded brick texture with realistic shading "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Voxel","marks":[{"type":"bold"}]},{"type":"text","text":": quantized color blocks for a chunky 3D look "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Halftone","marks":[{"type":"bold"}]},{"type":"text","text":": newsprint style dots that scale with hover "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Comic","marks":[{"type":"bold"}]},{"type":"text","text":": dotted ink silhouette over the base image"}]},{"type":"paragraph","content":[{"type":"text","text":"Mix styles per image, or set one pair globally."}]},{"type":"customHeading","content":[{"type":"text","text":"Four Transition Modes"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Wave","marks":[{"type":"bold"}]},{"type":"text","text":": a ripple that expands from the click point "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Crossfade","marks":[{"type":"bold"}]},{"type":"text","text":": a clean, even dissolve "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Dissolve","marks":[{"type":"bold"}]},{"type":"text","text":": a jittered, cell by cell fade "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ "},{"type":"text","text":"Morph","marks":[{"type":"bold"}]},{"type":"text","text":": each cell exits in one style, enters in another"}]},{"type":"customHeading","content":[{"type":"text","text":"Precision Controls"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"✦ Six easing curves, including a custom bezier editor ✦ Adjustable hover radius, falloff, and max scale ✦ Three intro animations: none, build, or tetris drop ✦ Matte or glossy finish, global or per item ✦ Cell size, gap, and corner rounding ✦ Works with both images and styled text"}]},{"type":"customHeading","content":[{"type":"text","text":"Performance"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Built on raw HTML canvas, zero dependencies. Only animates when something changes, and caches rendered frames so large grids stay smooth."}]},{"type":"customHeading","content":[{"type":"text","text":"Where It Fits"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Portfolios, agency sites, product galleries, and anywhere a single memorable interactive moment beats a conventional slider."}]}]},"introduction":"Pixel Art Image Gallery On Hover","slug":"pixage-gallery-waves","author":{"framerUserId":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","slug":"quzmo-studios","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/01a01c3f-f077-764d-ab02-e76e8cf01db4.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-08-19T04:00:13.628Z","updatedAt":"2026-08-19T22:59:12.623Z","publishedAt":"2026-08-19T04:00:13.624Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://pixage-gallery.framer.website/","price":"16","paymentUrl":"https://contra.com/payment-link/wN451Njw-pixage-gallery","workshop":false,"categories":[{"id":"66bb31f7-cddf-4a3e-8604-95b3467aecc2","name":"Galleries","slug":"galleries"}],"lastSaveId":"ZSRzW4o8NnfUPpHjW3sP","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":15,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-19T22:53:29.714Z","createdAt":"2026-08-19T04:00:14.177Z","updatedAt":"2026-08-19T22:53:29.714Z"},{"id":"01a017ef-b2f0-72dd-a115-674464e548d0","title":null,"body":"

Pixage Gallery ! coming soon 🌊

Every image is hiding six other versions of itself. Hover reveals them.

✦ Pixel. ✦ LEGO. ✦ Voxel. ✦ Halftone. ✦ Comic Filter .

Watch your image shatter into any of them under the cursor, then click a wave tears across the canvas and the next one rises from the pieces.

4 ways to transition. 6 ways to render. A full easing suite underneath, down to a hand-tuned Bezier curve, so every motion feels considered instead of default.

This isn't a gallery Component . It's a piece of interactive art that happens to hold your images.

Dropping soon.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Pixage Gallery !","marks":[{"type":"bold"}]},{"type":"text","text":" coming soon "},{"type":"emoji","attrs":{"name":"ocean","emoji":"🌊"}}]},{"type":"paragraph","content":[{"type":"text","text":"Every image is hiding six other versions of itself. Hover reveals them."}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Pixel. ✦ LEGO. ✦ Voxel. ✦ Halftone. ✦ Comic Filter . "}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Watch your image shatter into any of them under the cursor, then click a wave tears across the canvas and the next one rises from the pieces."}]},{"type":"paragraph","content":[{"type":"text","text":"4","marks":[{"type":"bold"}]},{"type":"text","text":" ways to transition. "},{"type":"text","text":"6","marks":[{"type":"bold"}]},{"type":"text","text":" ways to render. A full easing suite underneath, down to a hand-tuned Bezier curve, so every motion feels considered instead of default."}]},{"type":"paragraph","content":[{"type":"text","text":"This isn't a gallery Component . It's a piece of interactive art that happens to hold your images."}]},{"type":"paragraph","content":[{"type":"text","text":"Dropping soon. ","marks":[{"type":"italic"}]}]}]},"author":{"framerUserId":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","slug":"quzmo-studios","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/01a017ef-7c42-7228-b999-2557cd025a83.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":390,"height":579}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-19T02:53:00.018Z","updatedAt":"2026-08-19T02:53:00.018Z"},{"id":"019ff9a9-a62f-7219-9eb5-832bc7300831","title":null,"body":"

Fabula Stories Carousel is Now LIVE !

A full stories component for Framer, Instagram and TikTok format, built to actually feel like the real thing.

Swipeable carousel, rubber band drag, tap to skip, hold to pause.

The part that sets it apart: live mode. Not a badge, an actual simulated live stream, animated chat rolling in, a working reply bar, double tap to like with a real heart burst.

Interactive poll, countdown, and question stickers. Video from YouTube, Vimeo, TikTok, Dailymotion, or pulled straight from Pexels. Swipe up CTAs. Deep styling controls across rings, spacing, colors, and motion.

Built on React and Framer Motion. No code required.

Would love to see what you build with it.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Fabula Stories Carousel","marks":[{"type":"bold"},{"type":"italic"}]},{"type":"text","text":" is Now LIVE !","marks":[{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A full stories component for Framer, Instagram and TikTok format, built to actually feel like the real thing. "}]},{"type":"paragraph","content":[{"type":"text","text":"Swipeable carousel, rubber band drag, tap to skip, hold to pause."}]},{"type":"paragraph","content":[{"type":"text","text":"The part that sets it apart: live mode. Not a badge, an actual simulated live stream, animated chat rolling in, a working reply bar, double tap to like with a real heart burst."}]},{"type":"paragraph","content":[{"type":"text","text":"Interactive poll, countdown, and question stickers. Video from YouTube, Vimeo, TikTok, Dailymotion, or pulled straight from Pexels. Swipe up CTAs. Deep styling controls across rings, spacing, colors, and motion."}]},{"type":"paragraph","content":[{"type":"text","text":"Built on React and Framer Motion. No code required."}]},{"type":"paragraph","content":[{"type":"text","text":"Would love to see what you build with it."}]}]},"author":{"framerUserId":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","slug":"quzmo-studios","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","followed":false,"followsYou":false},"media":[],"resources":[{"id":"yZYVUJuzHLrfQ70eLrF0","resolved":true,"title":"Fabula Stories","body":"$70","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Fabula Stories Carousel "}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Instagram and TikTok style stories for Framer, built for creators who want a real story experience, not a static slideshow."}]},{"type":"customHeading","content":[{"type":"text","text":"Swipeable Story Carousel"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth carousel with rubber band drag physics"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto advances through clips with a real, tappable progress bar"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hold to pause, tap to skip, drag to browse"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Interaction model matches the apps your audience already knows"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Live Mode"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pulsing LIVE badge"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animated chat comments that stream in on their own timer"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"A reply bar viewers can actually type into"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Double tap to like, with a real heart burst animation"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Video From Anywhere"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Direct MP4 links"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"YouTube, Vimeo, TikTok, Dailymotion, Streamable"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pexels stock footage with automatic resolution, no manual downloading"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Interactive Stickers"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Poll","marks":[{"type":"bold"}]},{"type":"text","text":" — viewers vote and see live results update in real time"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Countdown","marks":[{"type":"bold"}]},{"type":"text","text":" — ticks down to any date you set, styled and ready"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Question","marks":[{"type":"bold"}]},{"type":"text","text":" — invites replies from your audience"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Swipe Up CTA","marks":[{"type":"bold"}]},{"type":"text","text":" — links to any URL with your own custom label"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Built-In Identity Layer"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Verified badges"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom gradient avatar rings"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Posted-at timestamps"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Clickable avatars linking to full profiles"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Analytics, Wired In"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Events fire automatically for views, completions, reactions, comments, CTA clicks, avatar taps, and timestamp jumps, no extra setup required."}]},{"type":"customHeading","content":[{"type":"text","text":"Fully Responsive, Fully Yours"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Corner radius, spacing, opacity, and scale controls let you match any brand in minutes. Built on pure React with Framer Motion, StoryReel renders safely in static export and canvas thumbnails, with zero flicker and zero runaway animations."}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you're building a portfolio, a brand site, or a full social product, StoryReel gives you a production ready stories component that looks, feels, and behaves like the real thing."}]}]},"introduction":"Instagram-Style Stories for Framer","slug":"fabula-stories","author":{"framerUserId":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","slug":"quzmo-studios","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/019ff9a7-c4db-744c-8817-f0a2459b1ca4.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":3200,"height":2400}}],"post":null,"createdAt":"2026-08-13T05:47:52.228Z","updatedAt":"2026-08-16T14:16:56.862Z","publishedAt":"2026-08-13T05:47:52.225Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://fabula-stories-carousel.framer.website/?editSite","price":"14","paymentUrl":"https://contra.com/payment-link/ZwIiWZ36-fabula-stories-carousel","workshop":false,"categories":[{"id":"7677fa83-43ce-41a2-a3fe-db438ec0fd33","name":"Interactive","slug":"interactive"}],"lastSaveId":"toZMASbx9vxzG7UdCowD","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-13T05:47:52.751Z","updatedAt":"2026-08-13T05:47:52.751Z"},{"id":"019ff99a-1b51-722c-b354-32cfc1479ed7","title":null,"body":"$71","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"New drop Coming SOON ! Fabula Stories Carousel .","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Full stories component for Framer. Instagram and TikTok format, swipeable carousel, tap to skip, hold to pause, rubber band drag physics on every swipe."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"What makes this one different: ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"live mode isn't a badge you switch on for decoration, it's an actual simulated live stream. Animated chat comments roll in on their own timer, there's a working reply bar viewers can type into, and double tap to like triggers a real heart burst animation. Most story components stop at \"post a video.\" This one goes further."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Stickers are fully interactive, not static overlays:","marks":[{"type":"bold"},{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Poll stickers let viewers vote and watch results update live "}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Countdown stickers tick down to any date you set"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Question stickers invite replies from your audience"}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Video comes from anywhere. Direct upload, YouTube, Vimeo, TikTok, Dailymotion, or pull straight from Pexels with automatic resolution, no manual downloading, no extra steps."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Every story carries its own identity, verified badges, custom gradient avatar rings, timestamps, clickable avatars linking out to profiles. Swipe up CTAs link anywhere you want with your own label."}]},{"type":"paragraph","content":[{"type":"text","text":"Under the hood: ","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"built on pure React and Framer Motion, with analytics events wired in for views, completions, reactions, comments, and clicks, so tracking is there the moment you need it."}]},{"type":"paragraph","content":[{"type":"text","text":"Drops soon."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"✦ Preview URL ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://fabula-stories-carousel.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"✦ Grab it Now","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer","href":"https://contra.com/payment-link/ZwIiWZ36-fabula-stories-carousel","target":"_blank"}}]}]}]},"author":{"framerUserId":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","slug":"quzmo-studios","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/GCyltrc2oiBj01M4UjtfwAvJlxtBVFaWA01aymKeQ34kE.m3u8","metadata":{"posterUrl":"https://image.mux.com/GCyltrc2oiBj01M4UjtfwAvJlxtBVFaWA01aymKeQ34kE/thumbnail.webp?time=4.053","aspectRatio":"170:83","duration":26.366667}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":11,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-13T05:32:28.522Z","createdAt":"2026-08-13T05:30:54.168Z","updatedAt":"2026-08-13T05:32:28.522Z"},{"id":"019ff7f4-0559-74df-8370-bba676bfc468","title":null,"body":"

Neo Orbit. multi ring orbital layout with per item overrides on literally everything, size, hover fx, speed, even its own ring and angle if you want to break the pattern.

but the part I'm most hyped about is what happens when you click an item. the whole board tilts into 3D, the item lifts up toward camera, everything else dims out, and the camera pushes in on it. feels like picking a card off a table instead of just... clicking a logo.

built on canvas 2D under the hood so it stays buttery even with a bunch of rings going at once. static render is fully gated too, so your thumbnail actually shows what you built instead of a frozen mess.

dropping soon, can't wait for you all to mess with the tilt thing 🙌

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Neo Orbit. multi ring orbital layout with per item overrides on literally everything, size, hover fx, speed, even its own ring and angle if you want to break the pattern."}]},{"type":"paragraph","content":[{"type":"text","text":"but the part I'm most hyped about is what happens when you click an item. the whole board tilts into 3D, the item lifts up toward camera, everything else dims out, and the camera pushes in on it. feels like picking a card off a table instead of just... clicking a logo."}]},{"type":"paragraph","content":[{"type":"text","text":"built on canvas 2D under the hood so it stays buttery even with a bunch of rings going at once. static render is fully gated too, so your thumbnail actually shows what you built instead of a frozen mess."}]},{"type":"paragraph","content":[{"type":"text","text":"dropping soon, can't wait for you all to mess with the tilt thing "},{"type":"emoji","attrs":{"name":"raised_hands","emoji":"🙌"}}]},{"type":"paragraph"}]},"author":{"framerUserId":"6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d","name":"Quzmo Studios ™","slug":"quzmo-studios","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/6a1c3a1c-13e5-4a5d-894b-c6a55b0b147d/n110g09u","followed":false,"followsYou":false},"media":[{"type":"link-preview","url":"https://framer.link/EHPaB3f","metadata":{"title":"Neo Orbit Dynamic UI: Premium Layout Component by Quzmo Studios ™","description":"Interactive 3D Motion Component — Neo Orbit Dynamic UI by Quzmo Studios ™ — explore this Framer Component on the Framer Marketplace and customize it in Framer's no-code website builder.","imageUrl":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/opengraph/986f95316c9af620/image.png","siteName":"Framer Community","faviconUrl":null}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":6,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-08-12T21:50:41.136Z","createdAt":"2026-08-12T21:49:52.349Z","updatedAt":"2026-08-12T21:50:41.136Z"}],"pagination":{"next":"MDE5ZmY3ZjQtMDU1OS03NGRmLTgzNzAtYmJhNjc2YmZjNDY4","previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L72"}]