Your SaaS dashboard deserves more than a static menu.
I built a high-conversion animated navigation component using Next.js, React.js & CSS — engineered for performance, and premium UX.
This “Fluid Library” navigation uses elastic hover states, spring-based active transitions, and glassmorphism-inspired depth to reduce cognitive load and increase feature discovery.
————————————
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 🎧.
📱👉🏻 https://zafar-saleem.github.io
#buildinpublic #websites #landingpages #producthunt #indiehackers
0
2
Turn raw fitness data into a premium SaaS experience.
I built a high-fidelity Next.js Fitness Dashboard Widget using React & CSS, featuring a modern Glassmorphism UI, dynamic gradient progress bar, real-time stats, and smooth micro-interactions. Fully responsive & SSR-optimized.
Perfect for health-tech apps, SaaS dashboards & startups that care about UX.
—————————
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 🎧.
📱👉🏻 https://zafar-saleem.github.io
#buildinpublic #websites #landingpages #producthunt #indiehackers
0
4
🏋️♀️ Built data centric fitness web component in Reactjs, Nextjs, HTML & CSS.
Perfect for Dashboards, Web Portals.
🎥 Watch Demo👇🏻
————————————
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 🎧.
📱👉🏻 https://zafar-saleem.github.io
#buildinpublic #websites #landingpages #producthunt #indiehackers #webdev #fitnessapp #websites #landingpage #dashboards #portals #webportals
0
2
📦 Built Delivery Estimation Time Component in Reactjs, Nextjs, HTML & CSS.
Perfect for dashboards, web portals & websites.
—————————
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 🎧.
📱👉🏻 https://zafar-saleem.github.io
#buildinpublic #websites #landingpages #producthunt #indiehackers #web #webportals #websites
0
3
🎯 Built data & UX centric fitness web component in Reactjs, Nextjs, HTML & CSS.
Perfect for fitness apps, portals & dashboards for initial glance personal info that tempts users to click for more.
—————————
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 🎧.
📱👉🏻 https://zafar-saleem.github.io
#websites #landingpages #producthunt #indiehackers #buildinpublic #webportals #fitness #onlineportal #webcomponents
0
5
✅ Built Toggle button concept in React & Nextjs.
Perfect for dashboards & user accounts sections.
🎥 Watch Demo👇🏻
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 🎧.
📱👉🏻 https://zafar-saleem.github.io
#buildinpublic #websites #landingpages #producthunt #indiehackers
1
29
Interactive Analytics Dashboard UI for SaaS Platforms
This project showcases a dynamic user analytics dashboard built with Next.js, React, HTML, and modern CSS—designed for SaaS products that need clarity, speed, and polish. The component features instant tab-based filtering (All, Active, Not Active), real-time metric updates, and a responsive bar chart that highlights key engagement trends at a glance.
Perfect for startups and businesses looking to turn complex user data into actionable insights.
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 🎧.
📱👉🏻 https://zafar-saleem.github.io
#buildinpublic #websites #landingpages #producthunt #indiehackers
1
21
Health & Fitness Metrics Dashboard – Premium Frontend UI
This Health & Fitness Metrics Dashboard is a high-end frontend UI component built with React, Next.js, HTML, CSS—designed to turn raw data into a polished, conversion-ready experience. Optimized for performance and SEO with Next.js, the component scales seamlessly across devices while maintaining visual depth and clarity. Ideal for health-tech startups, SaaS dashboards, and data-driven platforms looking to elevate UX and retention.
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 🎧.
📱👉🏻 https://zafar-saleem.github.io
#buildinpublic #websites #landingpages #producthunt #indiehackers
1
17
High-Intent “Timed Undo” Delete Button – UX-First Micro-Interaction
Accidental deletions kill trust. This High-Intent Confirmation Button solves that with a smart timed undo pattern built in Next.js, React, HTML & CSS. Instead of disruptive modals, a destructive action becomes reversible through smooth state transitions, visual urgency, and clear feedback. The button shifts from Delete → Cancel → Confirmed, using a countdown badge. Perfect for SaaS dashboards, admin panels, and data-heavy products.
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 🎧.
📱👉🏻 https://zafar-saleem.github.io
#buildinpublic #websites #landingpages #producthunt #indiehackers
0
6
High-Conversion “Get In Touch” CTA — Micro-Interaction UI
This project showcases a premium “Get In Touch” CTA built with Next.js, React, HTML, CSS—designed to turn attention into action. The button uses layered micro-interactions: bracket expansions on hover and a refined dual-ring ripple on click, creating tactile, confidence-building feedback. Every motion is intentional, lightweight, and accessible, engineered for modern SaaS, portfolios, and landing pages.
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 🎧.
📱👉🏻 https://zafar-saleem.github.io
#buildinpublic #websites #landingpages #producthunt #indiehackers
2
16
Premium UX lives in the details—and this flight tracking UI proves it. ✈️
Built with Next.js, React, HTML, and CSS, this interactive flight card uses subtle micro-animation to drag customers attention.
This approach solves information overload, boosts clarity, and signals product quality. Perfect for SaaS dashboards, booking platforms, and travel tech products that demand precision and polish.
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 🎧.
📱👉🏻 https://zafar-saleem.github.io
#buildinpublic #websites #landingpages #producthunt #indiehackers
14
151
This premium navigation UI showcases how micro-interactions elevate SaaS and dashboard products from “basic” to high-end.
Built with Next.js, React, HTML, and CSS, it features a dynamic sliding pill indicator and refined hover states that create a fluid, tactile experience.
Instead of static color changes, motion provides spatial awareness, clarity, and visual hierarchy—key signals of quality engineering.
Ideal for modern dashboards, admin panels, and SaaS apps, this component proves how thoughtful UI/UX boosts retention and perceived value.
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 🎧.
📱👉🏻 https://zafar-saleem.github.io
#buildinpublic #websites #landingpages #producthunt
18
124
Micro-interactions can turn ordinary UI into a premium product experience. This Privacy Picker concept component, built with Next.js, React, HTML & CSS, is a masterclass in layout morphing and tactile interaction design. Instead of a boring dropdown, a single button expands into a dynamic segmented control—preserving spatial context while guiding user intent.
This is the kind of frontend detail that boosts engagement, clarity, and perceived product value. Perfect for SaaS dashboards, settings panels, and high-end web apps.
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 🎧.
📱👉🏻 https://zafar-saleem.github.io
#buildinpublic #websites #landingpages #producthunt #indiehackers
13
92
Built this modern concept Travel Card.
Built with Next.js, React, HTML, and CSS, it blends premium visuals with performance-focused engineering. The glassmorphism overlay improves readability without sacrificing imagery, while subtle hover animations and micro-interactions guide users toward a clear CTA.
Trust signals like ratings, reviews, and location badges are strategically placed to boost confidence instantly.
Optimized images, semantic HTML, and smooth animations make this component production-ready for travel, SaaS, and e-commerce platforms.
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 🎧.
📱👉🏻 https://zafar-saleem.github.io
#buildinpublic
26
158
Micro-interactions turn good products into premium experiences.
This Multi-State Feedback Button is a high-fidelity UI component built with React, Next.js, HTML & CSS, designed to eliminate user uncertainty and reduce form anxiety.
Instead of a static “Save” button, users experience:
✔ Instant visual feedback on click
✔ A clear loading state that prevents duplicate actions
✔ A satisfying success confirmation with smooth transitions
These small details dramatically improve conversion rates, trust, and perceived product quality.
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 🎧.
📱👉🏻 https://zafar-saleem.github.io
#buildinpublic #websites #landingpages #producthunt #indiehackers
16
116
#wip.
Looking to elevate your e-commerce UI with conversion-focused micro-interactions? This high-end Interactive Product Card component is designed to turn attention into action.
The result is a minimalist layout that saves space while guiding users toward purchase.
Built with React and Next.js, this component is optimized for performance, scalability, and SEO-friendly rendering. Every detail is crafted to reduce cognitive load and improve conversion flow.
Ideal for modern e-commerce platforms, SaaS dashboards, or custom storefronts.
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 🎧.
📱👉🏻 https://zafar-saleem.github.io
#buildinpublic #websites #landingpages #producthunt #indiehackers
26
174
Turn clicks into clients with high-impact UI micro-interactions. 🚀
This high-fidelity CTA Button component is built with Next.js, React, HTML & CSS and designed for modern SaaS, startup, and high-converting landing pages. It proves how small UI details drive big business results.
The demo showcases a premium “Get In Touch” button featuring a rotating neon glow border, glassmorphism base, animated icon, and a tactile pulse interaction on click.
Why does this matter for your business? Because polished micro-interactions instantly signal quality, trust, and professionalism.
This is exactly the kind of UI refinement top SaaS brands use to boost conversions.
If you’re looking for a frontend developer to build visually stunning, conversion-focused interfaces then hop on a call 📱
📱👉🏻 https://zafar-saleem.github.io
24
149
🚀 Modern E-Commerce Product Card UI (React / Next.js)
Built interactive product card component is built with Next.js, React, HTML & CSS.
✨ What makes this component stand out?
Clean visual hierarchy: product title, pricing, ratings & CTA
Conversion-focused CTA with iconography and accent color
Skeuomorphic-lite UI with soft shadows, rounded corners & modern styling
💡 Perfect for:
Online stores & SaaS dashboards
MVPs, startups & product demos
👨💻 I specialize in building high-performance, visually polished frontend components using React, Next.js, and modern CSS.
If you’re looking to improve your product UI, increase engagement, or build a custom e-commerce experience — let’s collaborate.
📩 Open to frontend development projects & long-term client work.
Contact: https://zafar-saleem.github.io
5
21
227
Animated Project Management Dashboard UI Card – Next.js & React
This interactive Project Card UI is designed for modern SaaS dashboards and project management tools. It expands smoothly to reveal a milestone timeline with animated progress bars, deadlines, and role-based visuals.
Tech Stack:
Next.js · React · HTML · CSS
Ideal for:
✔ SaaS dashboards
✔ Admin panels
✔ Project tracking apps
🎥 Demo video attached 👇🏻
———————
I specialize in UI development, landing pages, dashboards & pixel-perfect frontends.
If you need a frontend developer partner to bring your next project to life → Then let’s hop on a call 🎧.
📱👉🏻 https://zafar-saleem.github.io
#buildinpublic #websites #landingpages #producthunt #indiehackers
12
85
🚀 Interactive Activity Tracker UI Component (React / Next.js)
Built Interactive Activity Tracker UI using Next.js, React, HTML & CSS.
🎥 Video demo attached.
✨ Why this component stands out:
• Clean, minimalist card-based design with a premium look
• Weekly activity bar chart
• Interactive hover tooltips revealing detailed insights
• Smooth CSS-driven animations & transitions
• Lightweight, fast, and fully customizable—no heavy chart libraries.
🛠 Tech Stack:
Next.js, React, HTML5, CSS
🎯 Perfect for:
Fitness apps, SaaS dashboards, admin panels, analytics tools, MVPs, and data-driven products.
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 🎧.
📱👉🏻 https://zafar-saleem.github.io
17
103
⚡️ Live Search UI Component – Built with Next.js + React ⚛️
Super-fast, intuitive, and clean live filtering for modern web apps
I just built a fully responsive, lightning-fast live search experience using Next.js + React + HTML + CSS, and the demo video is now live in this thread.
This component features:
✨ Real-time filtering
✨ Tag-based based search matching
✨ Clean grid UI for products, items, or content
✨ Smooth animations & seamless UX
✨ Lightweight + optimized for performance.
Perfect for catalogs, menus, inventories, product lists, admin dashboards, and any UX where speed and clarity matter.
I build:
• Custom frontend User Interfaces
• Pixel-perfect, high-performance user experiences
If you need frontend development for your startup, SaaS, or digital product.
📩 Let’s talk 📱👉🏻 https://zafar-saleem.github.io
25
152
🚀 New Travel Card UI Component Concept — Built with Next.js + React + Modern CSS
Looking to elevate your travel, hotel-booking, or property-listing product with high-end U cards?
I built a premium Travel Card component in Next.js, React.
📱✨ Video demo attached.
This component features:
• ⭐ Rating + reviews
• 🏳️ Dynamic location tag
• 💰 Price display
• 🏷️ Category badge
• 🎯 Strong CTA (“View Rooms”)
Perfect for:
→ Travel apps
→ Hotel/property booking platforms
→ Experience-based marketplaces
→ SaaS dashboards
→ Any product needing fast, modern UI components
If you need pixel-perfect frontend development, Next.js projects, or UI/UX upgrades, I can build & ship production-quality projects just like this.
📩 Open for frontend projects, long-term builds, and startup collaborations.
Let’s create interfaces that convert
1
28
220
🔥 I built a custom Segmented Tab Component using Next.js & React — perfect for SaaS dashboards, analytics panels, filters, settings, or any interface that needs clean, intuitive switching.
🎥 Demo attached 👇🏻.
✨ What This Component Delivers
A seamless, dark-themed segmented control with three options — Today, 3 Months, 6 Months — featuring:
✔ Smooth animated transitions
✔ Stylish hover + active states
✔ Ideal for dashboards & data filtering
🚀 Why Clients Work With Me
I help founders, startups, and teams ship beautiful, high-performance frontend interfaces that feel premium
My expertise includes:
🔹 Frontend development — React, Next.js, TypeScript
🔹 Custom UIs & micro-interactions
🔹 SaaS dashboards, landing pages, websites & product UI
👉 Message me to start your next project.
19
169
🚀 New Frontend UI Component: Smart Dropdown with Interactive Tooltips (Next.js + React.js)
I just built a custom dropdown menu with intelligent hover-tooltips—a sleek, highly interactive component perfect for dashboards, data-visualization tools, analytics apps, and any UI that needs clarity and frictionless decision-making.
💼 Available for Frontend Development Work
I help teams build:
✅ React/Next.js UI projects
✅ Dashboards & data tools
✅ Websites & Landing pages
✅ Pixel-perfect, accessible, modern frontends
If your project needs frontend excellence, I’m open for collaborations and new opportunities.
📱👉🏻 https://zafar-saleem.github.io
0
14
🚀 New Web Component Release – Electronic Signature Component (Next.js + React)
This signature component is perfect for SaaS platforms, CRMs, delivery systems, HR workflows & any product needing digital signatures.
💡 Features:
• Canvas-based signature drawing
• Modal UX
• Reset/Undo
• Clean UI
• Mobile-friendly
• Plug-and-play integration
🎥 Watch Demo video 👇🏻
If you need custom dashboards, SaaS frontends, Websites, landing pages or complete product UI — I’m taking on new frontend development projects.
Let’s build something great 👇
📱👉🏻 https://zafar-saleem.github.io
3
23
🧱 Built Real Estate listing page with sorting & toggle view features.
🎥 Watch demo👇🏻.
Follow me on Facebook, like 👍🏻, comment 💬 & share ♻️.
🔍 Need a Frontend Developer partner for your next project?
🎧 Let’s hop on a call to give life to your next project.
📱👉🏻 https://zafar-saleem.github.io
#buildinpublic #webdev
1
17
✔️Built Profile Completion Card in React & Nextjs perfect for portals & dashboards.
🎥 Watch demo👇🏻
🔍 Need a Frontend Developer partner for your next project?
🎧 Let’s hop on a call to give life to your next project.
📱👉🏻 https://zafar-saleem.github.io
#buildinpublic #web #saas
1
21
🚀 Built UX centric card concept, perfect for Real Estate portals & marketplaces.
🎥 Watch demo👇🏻
🔎 Need Frontend Developer partner for your next project?
🎧 Let’s hop on a call to give life to your next project.
📱👉🏻 https://zafar-saleem.github.io
#buildinpublic #webportals #marketplaces
0
15
🎯 Dropped this interactive & automated Weekly goals component in React & Nextjs.
🎥 watch demo below 👇🏻.
🔎 Need a Frontend Developer partner for your next project?
🎧 Let’s hop on a call to give life to your next project.
🔗 https://zafar-saleem.github.io
#buildinpublic #web #code #nextjs #css #webdev #html #frontend #reactjs #coding #programming
2
21
🚀 Built a sleek Team Management Card with Next.js, React.js, HTML, CSS. Switch teams, add members⚡️
💡 Need a Frontend Developer partner for your next project?
🎧 Let’s hop on a call to give life to your next project.
https://zafar-saleem.github.io
#buildinpublic #web #saas
0
16
Built a Real-Time Meeting Room Web Component with Next.js + React.js
I recently built a modern, real-time Meeting Room Web Component using Next.js, React.js, HTML, and CSS — designed for collaboration platforms and SaaS tools.
🎥 Demo Highlights:
• Live “Participants” tab with host controls
• Real-time “Live Chat” interface
• Mute and video toggle states
• Clean, minimal UI
This component showcases my approach to building scalable, modular, and UI-focused web solutions — perfect for startups and teams building collaboration or communication tools.
💡 Need a Frontend Developer partner for your next project?
🎧 Let’s hop on a call to give life to your next project.
🔗 https://zafar-saleem.github.io
#Frontend #Development #UI #Components #WebAppDesign #WebDevelopment #CollaborationTools #SaaS
11
82
⏲️ Shipped this UX centric calendar + schedule list component in Nextjs, React, HTML & CSS.
🔎 Need a Frontend Developer partner for your next project?
🎧 Let’s hop on a call to give life to your next project.
🔗 https://zafar-saleem.github.io
0
25
🌋 Dropped this expandable more actions button using React, Nextjs, CSS & HTML.
🔎 Need a Frontend Developer partner for your next project?
🎧 Let’s hop on a call to give life to your next project.
🔗 https://zafar-saleem.github.io
#buildinpublic #saas #web #nextjs #css #webdev #html #frontend #reactjs #programming #coding
1
29
New project drop 🚗 — Automotive Product Card (Next.js + React + CSS)
A minimal UI card for automotive products — designed to highlight performance specs with elegance.
🧠 Built with: Next.js, React, HTML, CSS.
🔎 Need a Frontend Developer partner for your next project?
🎧 Let’s hop on a call to give life to your next project. 👇🏻
🔗 https://zafar-saleem.github.io
#WebDeveloper #Nextjs #React #FrontendDesign #ContraTalent #IndieHackers
24
159
🥗 Shipped this Health Macros tracker I built using React, Nextjs, HTML & CSS.
🔎 Need Frontend Developer partner for your next project?
🎧 Let’s hop on a call to bring life to your next project.
🔗 https://zafar-saleem.github.io
1
31
🎥 Smooth. Seamless. Satisfying.
Here’s a 3-step Payment Flow Component I built in Next.js, React, HTML + CSS designed for a fast, intuitive checkout experience.
Share your thoughts.
👇 Watch the demo video — then see how simple it is to integrate.
🔎 Need a Frontend Developer partner for your next project?
📱 Let’s hop on a call to bring your next project to life. 👇🏻
🔗 https://zafar-saleem.github.io
21
156
Built and shipped this booking card using Nextjs, Reactjs, HTML and CSS.
🤝 Need a Frontend Developer partner for your next project?
📱 Let’s hop on a call to give life to your next project.
#buildinpublic #web #frontend #code #coding #programming
13
105
Dropped this sleek, interactive multi-step setup UI: built with Next.js, React, CSS.
Smooth transitions. Clean progress tracking. Modern UX that keeps users engaged.
Need Frontend Developer partner for your next project?
Let’s hop on a call to bring your next project to life.
#Nextjs #ReactJS #Frontend #UIUX #WebComponents #OpenSource #BuildInPublic
19
134
📦 Shipped UX centric seat counter component built in Nextjs, Reactjs, HTML & CSS.
🔎 Need a Frontend Developer partner?
🔗 Let’s hop on a call to bring your next project to life.
👉🏻 https://zafar-saleem.github.io
#buildinpublic #saas #web #webdev #code #programming #producthunt #indiehacker
22
154
Dropped this multi-step signup form built using Reactjs, Nextjs, HTML & CSS.
Need a Frontend Developer partner for your next project?
Let’s hop on a call to bring life to your next project.
https://zafar-saleem.github.io
#buildinpublic (https://x.com/hashtag/buildinpublic?src=hashtag_click) #webdev (https://x.com/hashtag/webdev?src=hashtag_click) #producthunt (https://x.com/hashtag/producthunt?src=hashtag_click) #indiehackers (https://x.com/hashtag/indiehackers?src=hashtag_click) #code (https://x.com/hashtag/code?src=hashtag_click) #coding (https://x.com/hashtag/coding?src=hashtag_click) #programming (https://x.com/hashtag/programming?src=hashtag_click)