Ankur pareek
WHO ME?? Product designer = 🍒 Framer development = 🍒 on 🍰
Ticket number generator using a form submission. It works without any cms or third party tools. Its blocks duplicate ticket generation of the same email id if user is using the same device to book again.
From side hustle to full-time Framer designer.
In January 2025, I started Webnity X alongside my full-time job.
The beginning was anything but easy. Building websites after work, handling clients in the evenings and trying to grow a business from my home office took a lot of time and energy.
But the goal was always clear: I wanted web design to become my full-time career. I just wanted to reach a point where I had enough clients to make the jump without worrying every month about where the next project would come from.
In December 2025, I finally did it. I quit my job, went all in on Webnity X and made one of the best decisions of my life.
That same month, I moved out of my home office and into a coworking space. I wanted to separate work from private life, meet new people and build a stronger environment around the business.
That decision has already brought me new friendships, new opportunities and exciting client projects.
And this is only the beginning. Webnity X has some big goals for 2026 🚀
Interactive Image Slicer Puzzle Game with Reward Modal
Engage your website visitors with an interactive, playable image puzzle game right inside your Framer site! Upload any custom image, and the component automatically slices it into an interactive drag-and-drop puzzle grid. When users complete the puzzle, a customizable reward modal appears with discount coupon codes and a Call-To-Action button.
Key Features:
🧩 Automatic Image Slicing: Slices any image into custom grid dimensions (5 to 15 pieces).
✋ Fluid Drag-and-Drop: Built with Framer Motion for smooth physics, piece snapping, and docking.
💡 Smart Hint System: Built-in hint trigger highlights unplaced pieces to guide players.
🎁 Reward Modal & Coupon System: Displays a celebration modal with a 1-click copyable coupon code and custom CTA button upon completion.
📱 Fully Responsive: Auto-adapts between a side-by-side desktop layout and stacked mobile view.
🎨 Full Styling Controls: Customize card backgrounds, accent colors, typography, container padding, piece count, and CTA links directly from the Framer sidebar.
💡 Ideal For:
Lead generation & campaign landing pages
Gamified marketing promotions & holiday discounts
Interactive product reveals & portfolio showcases
Just released a numeric counter to make your websites more interactive.
Check out 👇 ⏱
Hey Framer fam! 👋
Ever tried creating one of those smooth, Apple-style scroll video effects, only to get stuck with a laggy, stuttering mess? I know the feeling! 😅
I spent some time exploring motion/react and created a custom, super smooth Scroll Video Player component for Framer, and I thought I’d share it with you all!
Instead of dealing with complicated timelines, this component takes care of all the hard work for you. You just drop it in, upload your video and watch it scrub perfectly as you scroll.
🧠 Pro-Tip for flawless performance: Browsers don’t like decoding videos backward in real-time. For the smoothest Apple-level performance on mobile, edit your video clip into a ‘Boomerang’ (play it forward, then copy and reverse the clip right after it). Then, just set the component to play forward on a loop. Zero lag, 100% hardware-accelerated magic. 🪄
What kind of amazing cinematic landing pages would you create with this? 👇
Hey @Framer, just posted a new component with the post, but my post never came into the feed? 🤔
Hey Framer fam! 👋
Ever tried creating one of those smooth, Apple-style scroll video effects, only to get stuck with a laggy, stuttering mess? I know the feeling! 😅
I spent some time exploring motion/react and created a custom, super smooth Scroll Video Player component for Framer, and I thought I’d share it with you all!
Instead of dealing with complicated timelines, this component takes care of all the hard work for you. You just drop it in, upload your video and watch it scrub perfectly as you scroll.
🧠 Pro-Tip for flawless performance: Browsers don’t like decoding videos backward in real-time. For the smoothest Apple-level performance on mobile, edit your video clip into a ‘Boomerang’ (play it forward, then copy and reverse the clip right after it). Then, just set the component to play forward on a loop. Zero lag, 100% hardware-accelerated magic. 🪄
What kind of amazing cinematic landing pages would you create with this? 👇
Maybe unpopular opinion...
I think more properties doesn't always mean a better component.
If I need 30 minutes just to understand how it works, it's probably too much 😏
I try to build components that someone can open and immediately know what to do.
Simple > complicated.
Been busy for a few days. Experimenting with custom code components. Critics and comments are welcome. 😉
My component DeskClock updates time & weather automatically from your location. Clean UI, easy to drop into any site—perfect for dashboards & landing pages. Try DeskClock on Framer and boost conversions with live, location-aware data. https://framer.link/GuhIkoX
My New Apple mac dock styled Navigation Component is live now.
Bring the familiar, high-end feel of a macOS dock to your Framer projects. This premium Dynamic Dock component offers a polished, responsive navigation experience that feels incredibly tactile and engaging. Built for creators who want to move beyond static navbars, this dock combines sleek glassmorphism with smooth physics-based interactions.
Why You'll Love It:
4 Side positioned: Align on all 4 sides of the screen TOP, BOTTOM, LEFT, RIGHT, gives the freedom to your style.
Fluid Hover Expansion: Features a smooth "fisheye" effect where icons scale and elevate upon interaction, creating a premium, desktop-class feel.
Minimalist Tooltips: Built-in hover-triggered labels keep your interface clean while providing necessary context to users.
Highly Customizable: Easily swap out icons for your own assets, adjust the spacing, or tweak the glassmorphism blur and opacity to match your site's aesthetic.
Segmented Layout: Includes subtle vertical dividers, allowing you to organize your links into logical groups (e.g., Core, Content, Socials).
Perfect for Portfolios & SaaS: Designed to sit perfectly at the bottom of a landing page or portfolio, making it an excellent hub for your most important links.
Transform your site from a flat page into a tactile experience. Whether you're showcasing a creative portfolio or building a modern personal brand, the Dynamic Dock adds that "wow" factor that keeps visitors clicking.
