The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
A great user experience isn't just about beautiful visuals—it's about giving your users control.
This custom View Switcher component is designed to allow your users & customers to seamlessly transitions between List View, Grid View, and an immersive Collection View while maintaining excellent performance and usability.
Benefits for your Business:
• Increase user engagement through flexible content consumption
• Improve perceived product quality with premium UI interactions
• Reduce friction through seamless navigation patterns
• Support scalable content libraries and portfolio experiences
• Deliver a modern application-like experience on the web
Technical Highlights:
✓ HTML Radio Input States
✓ Next.js Performance Optimization
✓ CSS Grid & Flexbox Layout Systems
✓ Zero Layout Shift (CLS Optimization)
✓ Responsive Design
✓ Smooth Animated View Transitions
Built for your SaaS products, startup MVPs, creative portfolios, design agencies, media platforms, content libraries, and enterprise dashboards.
—————————
I specialize in UI development, landing pages, dashboards & pixel-perfect frontend.
If you need a frontend developer partner to bring your next project to life → Then let’s hop on a call 🎧.
#buildinpublic #css #web #saas #html #reactjs #nextjs #webdev #frontend #coding #programming #websites #website #landingpage #landingpages #dashboard #dashboards #producthunt #ui #uicomponents #webcomponents #ux #indiehackers #animations #microinteractions #webdevelopment #frontend #frontenddevelopment #founders #startups #ceo #entrepreneur #project
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Challenges
View all
Related posts
Creating immersive digital experiences with smooth website animations ✨
Designed & developed by Usman DevHub Tech & Creative Studio.
We create premium websites with modern UI, interactive animations, and unique visual experiences that help brands stand out. 🚀
Want a website like this for your brand?
DM us and let's discuss your project.
#WebDesign #WebDevelopment #WebsiteAnimation #UIDesign #CreativeStudio #DigitalAgency #UsmanDevHub
Love this, Usman! You drop something amazing every single time.
Nobody churns because a dashboard is ugly, they churn because they can't tell whether anything is happening.
Optery was quietly pulling users' data off hundreds of broker sites and almost none of that work was visible to the person paying for it, so the biggest win in this redesign wasn't a new screen; it was making invisible work visible. Free-to-paid hit 30%
Check it out
Making the invisible work visible is such a sharp way to frame it, that 30% lift proves people will pay once they can actually see the value happening in the background. How did you decide which data points were worth surfacing without overwhelming someone who just wants reassurance?
🔥 Building a Website for a Food Business — Work in Progress
Currently working on a custom website for a food business 🍔🍕🔥
This project is all about creating a website that doesn't just show food — it makes people want to order it.
I’m going for a bold, premium and slightly vintage-inspired visual direction, with a dark atmosphere, warm food-focused visuals, and strong orange/gold accents to match the brand.
🚧 What I’m building:
🎨 Custom UI/UX
Designing the entire experience from scratch instead of using a generic restaurant template.
🍔 Interactive Menu
Organizing the complete food menu into categories with food images, descriptions, prices and Veg/Non-Veg options.
🛒 Online Ordering System
Customers will be able to browse the menu, add multiple items to their cart, adjust quantities and see their total before ordering.
💬 WhatsApp Ordering
The checkout flow will collect the customer's important details and generate the complete order information so it can be sent directly to the restaurant owner's WhatsApp.
📱 Fully Responsive Design
Making sure the website works smoothly across desktop, tablet and mobile — because most food orders happen on phones.
⚡ Animations & Interactions
Adding smooth transitions, hover effects, scroll animations, menu interactions and other small details to make the website feel more alive.
📍 Location & Contact
Adding dedicated sections for the restaurant's location, contact information, opening hours and directions.
⭐ Testimonials
Creating a section that builds trust and gives customers a reason to choose the business.
🎯 The goal
Not just another restaurant website.
The goal is to create a complete digital storefront for the food business — something that represents the brand, showcases the food beautifully and makes the path from “That looks delicious” → “I want to order this” as simple as possible.
Still working on it.
More updates coming soon. 👀🔥
#WebDevelopment #WebDesign #FoodBusiness #RestaurantWebsite #RestaurantWebDesign #UIUXDesign #FrontendDevelopment #HTML #CSS #JavaScript #WebsiteDevelopment #FreelanceDeveloper #BuildingInPublic #WorkInProgress #WIP #Contra #SmallBusiness #FoodBrand #DigitalExperience
