Premium Framer components for high-end web experiences. Upgrade your workflow with seamless, modern layouts.
Hey everyone! 👋
I’ve been playing around with Three.js inside Framer and wanted to share a new component I just wrapped up: an Interactive 3D Voxel Logo.
Basically, you just upload any standard flat logo (SVG or PNG) in the properties panel, and the component automatically analyzes the image and extrudes it into a 3D grid of outlined blocks.
A few cool features:
Instant 3D: No 3D modeling required—just drop in your image file.
Reactive Hover: The individual boxes dynamically scale and "inflate" as you move your mouse over different areas of the logo.
Interactive: You can grab, drag, and spin it around. It also has a smooth auto-idle spin.
Highly Optimized: Built entirely in vanilla Three.js (no heavy React Three Fiber libraries), so it runs at a butter-smooth 60fps and won't tank your site's performance.
You can tweak the outline thickness, colors, hover radius, and camera distance right from the Framer sidebar.
Would love to hear what you guys think or see how you use it in your projects! Let me know if you run into any bugs. 👇
Hey everyone! 👋
I have published a new component to the Framer marketplace. It’s called Grid Reveal Gallery a high-performance, Three.js powered image slider that transitions between your photos using really smooth grid effects.
I built this because I wanted a highly customizable, cinematic way to show off images in portfolios and landing pages without tanking site performance.
A few fun features:
5 Transition Patterns: (Random, Diagonal, Center-Out, Left to Right, Top to Bottom)
Cinematic Feel: Built-in Ken Burns zoom effect.
Fully Customizable: Tweak the grid splits, gaps, borders, and colors right in the Framer properties panel.
Highly Optimized: Auto-pauses when off-screen so your site stays fast. ⚡
I’d absolutely love to hear what you guys think or see how you use it in your projects!
Grab it here:
Hey guys! If you're building a SaaS landing page or an international map, I just published a fully customizable WebGL Earth that you can drop right into your projects.
I engineered it with a static renderer fallback, so it won’t lag your editor and goes live instantly the second you hit publish. You can easily drag to rotate, add custom coordinate markers, and tweak the atmospheric glow to match your brand.
Here are a few lighting variants in action 👇
🔗 Grab it here: https://framer.link/26FGpNw
Let me know what you think!
Hey everyone! 👋
I’m super excited to share this component with the community. If you’re looking to add an "awwwards-winning" premium feel to a portfolio or product showcase, this is for you.
It’s a fully 3D, physics-driven carousel built with Three.js, but entirely controllable directly from Framer's right panel—zero code required.
✨ Quick highlights:
Fluid 3D Physics: Items dynamically bend, fold, and twist as you scroll.
Cinematic Visuals: Built-in vignette edge-blur, contrast/saturation controls, and custom shaders.
Accessible & Fast: Full keyboard navigation, ARIA support, and highly optimized for smooth 60fps performance.
🔗 Grab the component here: https://framer.link/D7GBW4t
I’d love to see what you build with it, so drop a link if you use it in your project!
Also, if you want more premium, highly interactive components, give my profile a follow—I have a lot more dropping very soon.
Hey Framer fam! 👋
I wanted to share a new custom interactive component which I built and made it free for you all. Are you tired of standard image grids and want to create a premium, highly tactile way to display media? Then this component is for you.
Introducing the 3D Physics Bubble Cluster! It turns your images and videos into solid, ultra-glossy glass marbles that physically react to the user’s cursor. Perfect for creative hero sections, "Meet the Team" blocks, or portfolio showcases.
Here is what makes it special (Zero code required): 🖼 Rich Media: Drag and drop both Images AND looping Videos directly into the properties panel. 🧲 Full Physics Control: Tweak gravity, bounce force, friction, and cursor repel strength to make it feel exactly how you want. 💡 Premium 3D Lighting: I’ve dialed in the Three.js materials to give it a thick "clearcoat" glass sheen. You can adjust the gloss, lighting, and zoom right from the sidebar!
🔗 Grab the Component here: https://framer.link/lGA1inA
I’d love to hear your feedback or feature requests. If you end up using this in a live site, please drop the link below so I can see it!
Hey creators, I’m excited to share that I’ve made this component completely free for the community. You can grab it here for your upcoming projects: https://framer.link/dzK2sDB
If you find it useful, take a look at my marketplace profile where I host some of my premium components.
Make sure to follow along for more updates and future component releases!



