Exploring motion, layout, and atmosphere in a landing page concept.
Built using @Framer
Images courtesy of @kayalifragrance
0
27
I built an interactive Modular Music Studio System using Figma Make.
The project features:
• Virtual Piano with animated key feedback
• Electric Guitar with realistic strum simulation
• 6-Pad Drum Machine
• Studio Mode that synchronizes all instruments with a shared timing engine
The full-band demo plays in perfect sync with structured chord progression and groove logic.
Explore it here:
https://studiosync.figma.site/
Created for #FigmaMakeathon
2
102
OfferButton – Framer UI Component
OfferButton is a reusable Framer code component built for promotional and conversion-focused interfaces.
It features animated floating tags, responsive pill scaling, multiple animation presets, and native typography controls. The component adapts automatically to content length and layout changes, making it suitable for landing pages, pricing blocks, and call-to-action sections.
Component Link (https://www.framer.com/marketplace/components/offerbutton/)
0
38
I just released HoloButton, a premium Framer code component made for modern landing pages and dark UI.
Includes:
5 styles: Aurora, Chrome, Neon, Glass, Glow Core
3D tilt + press interaction
Full typography control (Framer Font)
Padding controls + custom shadows/background options
Perfect for hero CTAs, pricing pages, and product launches.
👉 Get it here: [LINK] (https://www.framer.com/marketplace/components/holobutton/)
0
40
🔥 Fire Background Generator for Framer
I’ve just released a real-time fire background component built entirely inside Framer - optimized for smooth performance and easy drop-in use.
What you get:
• Realistic flame & spark animation
• 10 handcrafted fire presets
• Performance modes (Low / Balanced / High)
• Optional center image support
• No built-in text - full design freedom
Perfect for hero sections, landing pages, and cinematic layouts.
👉 Fire Background : Click Here
(https://www.framer.com/marketplace/components/canvasflame/)#Framer #MotionDesign
1
72
🚀 Just launched my new Framer component - NextButton (Animated CTA)...
A clean, modern call-to-action button with:
✓ Triple-arrow hover animation
✓ Glow + ripple effects
✓ Full font control
✓ Custom colors & presets
✓ Padding + icon size controls
✓ Fully responsive
Ideal for designers and founders who want eye-catching CTAs without touching code.
🔗 Get it now on Framer Marketplace: Click Here
(https://www.framer.com/marketplace/components/nextbutton/)If you need help customizing it for your brand, I’m available on Contra!
0
44
🚀 New Framer Component Release - WaveMotion WebGL (Paid Component)
I just published a premium WebGL hover-distortion image component for Framer!
Perfect for landing pages, portfolio hero sections, product reveals, and creative hover effects.
✨ Features:
9 glitch / wave distortion effects
RGB split, motion blur, and scroll-based animation
Image Fit / Fill / Crop / Tile
Super smooth performance (Three.js + GSAP)
Zero code needed - fully adjustable in the right panel
🛍️ Buy the Component: https://mehulchauhan.lemonsqueezy.com/buy/2cc54774-e645-4207-804a-68d8181381c1
🎮 Live Demo:
🔗 https://distortionhovereffect.framer.website/
1
76