MUDASIR
Profile

Mudasir Fayaz

FullStack Developer
Designer-engineer building modern, performant web experiences using Tailwind CSS and Framer Motion.
Recent Work++++

Some of the projects I've built recently. Each one is crafted with care and attention to detail.

MedScan Ultrasounds

Landing Page of MedScan Ultrasounds - No. 1 Ultrasounds Centre in Baramulla.

ReactJSNextJSTailwindMotionSupabase

ACIT

Landing Page of ACIT - Kashmir's no 1 commerce institute with 20 years of experience.

ReactJSNextJSTailwindMotion

Web SuperKit

Web SuperKit - 35+ developer tools in one chrome extension. Get all your developer tools in one chrome extension.

ReactJSNextJSTailwindMotionChrome API

Vehicle Showroom Page

Vehicle Showroom - Modern vehicle showroom landing page with advanced animations and user friendly interface.

ReactJSNextJSTailwindMotion

EduVista Landing Page

EduVista - Modern school landing page with advanced animations and user-friendly interface.

ReactJSNextJSTailwindMotion

School Management

School Management System - Student, Parent & Admin Login.

ReactJSNextJSTailwindMotion
Component Lab++++

Production-ready React components with beautiful animations and clean code. Copy, customize, and use in your projects.

Animated Button

Buttons

A call-to-action button with hover effects and animated arrow. Perfect for hero sections and primary actions.

View Component

Progress Bar

Progress

Animated progress indicator with smooth transitions. Ideal for showing loading states and completion percentages.

View Component

Notification Toast

Notifications

Clean toast notification with smooth animations. Great for success messages, alerts, and user feedback.

View Component

Feature Card

Cards

Modern feature card with icon, title, and description. Perfect for showcasing product features and benefits.

View Component

Rating Stars

Interactive

Interactive star rating component with hover effects. Ideal for reviews, feedback forms, and product ratings.

View Component

Testimonial Card

Cards

Elegant testimonial card with gradient background and avatar. Perfect for displaying customer reviews and quotes.

View Component
Utility Tools++++

Handy tools to make your development workflow faster and more efficient.

Color Picker

CSS Tools

Pick colors, generate tints & shades, and copy HEX, RGB, or HSL values instantly.

Contrast Checker

CSS Tools

Check color contrast ratios and WCAG accessibility compliance in real time.

Gradient Generator

CSS Tools

Create linear and radial CSS gradients with multiple color stops and presets.

Shadow Generator

CSS Tools

Design modern CSS box-shadows with live preview, presets, and multiple layers.

Unit Converter

Math Tools

Convert length, weight, area, speed, and temperature units instantly.

Word Counter

String Tools

Analyze text with word count, reading time, keyword density, and insights.

Learning Stack++++

A curated list of resources and people that influence how I think, build, and grow as a developer.

Resources I Follow

Colors and Fonts

Great fonts and color palettes

CSS Checkboxes

Copy checkbox styles

CSS Buttons

Copy button styles

People Who Inspire Me

Dan Abramov

Frontend Developer

Co-author of Redux and Create React App. Works on React team at Meta.

Kent C. Dodds

Frontend Developer

Making software development more accessible. Educator and open source contributor.

Theo Browne

Frontend Developer

CEO of Ping Labs. Creating educational content about modern web development.

Testimonials++++

Don't just take my word for it. Here's what my clients have to say about working together.

“Mudasir built a visually stunning and functional website for our institute. His design sense and execution truly exceeded our expectations.”
Let's Build++++

Have a project in mind? Let's work together to create something amazing.

Mudasir Fayaz

● Available for freelance & remote work

20+

Projects

10+

Clients

Tech Stack

ReactNext.jsTailwind CSSFramer MotionSupabaseMongoDB

Tools

VS CodeGitHubGitVercelCloudflare

Social Links

Message Me

MUDASIR

Building digital experiences that make a difference. Let's create something amazing together.