root@sarabop:~# I will read all my emails one by one and I'm not going to let them missed. Send me any message you want and I will reply that.

.............
............
..........
..........

Hello!👋🏻, I'm Sarabjeet Singh.

Front-End Developer crafting immersive, animated, and user-focused web experiences.
Specialized in React, Next.js, and high-performance UI animations.
TypeScript
TypeScript
Next.js
Next.js
React JS
React JS
GSAP - GreenSock
GSAP - GreenSock
Node.js
Node.js
Sarabjeet Singh — Software Engineer

.about(me);

I am a -year-old Software Engineer with 3+ years of experience in front-end development. I've designed, developed, and maintained a range of websites for clients and companies — from pixel-perfect marketing pages to complex, data-driven web applications. My core expertise lives at the intersection of clean code and compelling design.

One of my most significant personal projects is UIXplor — a UI component library and design resource platform I built from the ground up. UIXplor offers developers and designers a curated collection of ready-to-use components, CSS animations, buttons, loaders, and cards, all crafted to inspire creativity and accelerate front-end development. It's become a platform I genuinely love growing and maintaining.

Another project close to my heart is QuoteWeeb — a community-driven anime quotes platform I designed and developed from scratch. It lets users explore curated anime-themed content, bookmark their favorite quotes, and browse by anime or character — all wrapped in smooth animations and a fully responsive, SEO-optimized experience.

Beyond the web, I've expanded into mobile app development with React Native, bringing the same attention to detail and user-first thinking to cross-platform apps. I also have solid hands-on experience with backend technologies including Node.js and PHP, which allows me to architect and deliver robust, full-stack applications end-to-end.

I'm passionate about crafting great user experiences, exploring new technologies, and building things that are both functional and beautiful. Always looking for the next challenge — and always shipping.

.experience(work);

A brief overview of my most recent professional experience.

  • Software Engineer

    Heart It Out

    // Jul 2023 - Present

    Currently working as a Software Engineer at Heart It Out, contributing to front-end development, UI/UX implementation, and feature delivery.

  • Web Developer & Graphic Designer

    Axionic Software

    // Jun 2021 - Oct 2021

    Worked at Axionic Software for 5 months as a Web Developer and Graphic Designer Intern, building responsive websites and creating visual assets.

:resume()

.work();

A selection of projects I'm most proud of.

UIXplor
UIXplor

A curated UI component library and design resource platform I designed and built from scratch. UIXplor offers ready-to-use, copy-paste UI components, CSS animations, buttons, loaders, cards, and more — all crafted to accelerate front-end development. Built with Next.js, TypeScript, and custom CSS, the platform features a sleek dark-mode interface, live previews, code export, and an ever-growing collection of components for developers and designers.

  • Next.js
  • TypeScript
  • CSS
  • Framer Motion
  • Design
QuoteWeeb
QuoteWeeb

A community-driven anime quotes platform I designed and developed from scratch. Users can explore curated anime-themed content fetched from Instagram, bookmark their favorite quotes, and browse by anime or character. I built it using Next.js, TypeScript, Tailwind CSS, and Framer Motion with smooth animations, a fully responsive layout, user authentication, and SEO-optimized pages with structured data.

  • Next.js
  • Tailwind CSS
  • TypeScript
  • Framer Motion
  • Design
  • Instagram Integration
Personal Portfolio
Personal Portfolio

My personal portfolio designed and developed from scratch using modern tools and animations. It showcases my projects, design style, and interactive UI/UX skills. Built with Next.js, Framer Motion, and GSAP, the site features smooth scrolling, a responsive layout, and thoughtful micro-interactions. It also integrates SWR for data fetching, Lenis for scroll behavior, and custom contact forms.

  • Next.js
  • CSS
  • JavaScript
  • GSAP
  • Framer Motion
  • Bootstrap

.recentWatch();

What I've been watching and reading lately.

Watching
Demon Slayer
Demon Slayer
// Anime
9.5/10
Watching
Baki Hanma
Baki Hanma
// Anime
10/10
Reading
Boruto
Boruto
// Manga
9/10
Watched
Vinland Saga
Vinland Saga
// Anime
10/10
Watched
Naruto
Naruto
// Anime
10/10

©2026 Sarabjeet Singh