Components

A versatile button component with multiple variants, sizes, and optional icon support. Built with accessibility in mind and fully customizable via Tailwind CSS.

An accessible, customizable checkbox component with support for indeterminate state, custom labels, and keyboard navigation.

A modal confirmation dialog with customizable title, message, and action buttons. Perfect for destructive actions that need user confirmation.

A complete contact form with name, email, and message fields. Includes built-in validation, loading state, and success/error handling.

A highly flexible button component that accepts custom colors, background, padding, and icon. Ideal for branded or themed button variations.

A full-featured footer with animated marquee text, navigation links, social icons, and copyright info. Highly customizable with prop-driven content.

A responsive site header with logo, navigation links, and an integrated mobile hamburger menu. Supports custom route highlighting for active states.

An animated hamburger menu toggle button. Used internally by Header but available standalone for custom mobile navigation patterns.

A responsive layout wrapper for page sections. Handles max-width constraints and consistent horizontal padding across breakpoints.

A section heading with an optional index number, title, subtitle, and a 'View All' action link. Consistent typography across all sections.

A rich card component for displaying article previews with cover image, title, description, tags, author info, and publish date.

A showcase card for portfolio projects with scroll-driven animations powered by Framer Motion, project image, tech stack tags, and action links.

An SVG icon component supporting 8+ social platforms: GitHub, Twitter/X, LinkedIn, Behance, Dribbble, Instagram, YouTube, and Website.

A utility component that renders a subtle noise texture overlay. Use it to add depth and texture to sections without distracting from content.

An advanced Framer Motion animation component that reveals content with a spotlight effect on hover. Creates a dramatic, interactive entrance for cards and sections.

A decorative animated vertical line component for the left side of a layout. Fades in on mount with a smooth animation.

A decorative animated vertical line component for the right side of a layout. Mirrors Line1 for symmetrical framing.