HomeAboutProjectsJourneyContact
Portfolio v2.0 • Premium Cinematic

SwarnavoBiswas

Frontend Developer

Building modern web experiences with beautiful interfaces, thoughtful interactions, and a passion for Web3 technologies.

Scroll
NARRATIVE

Storytelling // About Me

Discarding generic bios and statistics. Here is the blueprint of my creative journey and what drives my code.

Swarnavo Biswas Portrait

Swarnavo Biswas

// Portrait
Frontend Developer & Web3 Explorer

Who I Am

I am Swarnavo Biswas, a creative frontend engineer obsessed with crafting premium, interactive digital interfaces. Bridging code and logic with visual design, I construct web platforms that prioritize layout hierarchy, typography, and purposeful micro-interactions.

Story Chapter// 01.25

My Design Philosophy

Elegant simplicity is my North Star. I draw deep inspiration from modern minimalism—championed by the likes of Apple, Linear, and Vercel. I believe that every element must serve a structural purpose, and motion should guide the user journey rather than distract.

Story Chapter// 01.5

Why I Love Frontend

Frontend development is where static designs breathe life. The thrill of transforming code files into fluid, responsive, 60fps animations is what keeps me coding. I thrive at the intersection of aesthetic beauty and performance engineering.

Story Chapter// 01.75

Exploring Web3

I am active in the Web3 sandbox, exploring decentralization pipelines, blockchain networks, and smart contract frontends. Connecting wallets and building seamless interface layers for dApps represent the future of digital ownership.

Story Chapter// 02
CAPABILITIES

Tech Stack

An interactive layout of languages, frameworks, blockchain bindings, and styling suites. Hover to reveal implementation roles.

HTMLlanguages
CSSlanguages
JavaScriptlanguages
TypeScriptlanguages
Reactframeworks
Next.jsframeworks
Tailwind CSSlibraries
Framer Motionlibraries
GSAPlibraries
Three.jslibraries
Node.jstools
Gittools
GitHubtools
Figmatools
Solidityweb3
Web3.jsweb3
Ethers.jsweb3
Hover over a skill node to inspect engineering use cases.
PORTFOLIO

Featured // Projects

A curate select list of web platforms, layout frameworks, and smart interface bindings compiled with 60fps interaction models.

notes.swarnavo.co.in
Cloud Notes & Digital Garden// PROJECT_01

notes.swarnavo.co.in

A minimal, premium markdown note-taking application and personal knowledge base. Engineered with layout grids, offline-first syncing, LaTeX mathematical parsing, and nesting file systems.

Next.jsReactTypeScriptTailwind CSSMarkdown ParserLocalStorage
ROADMAP

Development // Journey

A visual chronicle tracking the expansion of my technical skills, design standards, and blockchain insights.

The Foundation

Started Learning Web Development

Began by mastering the absolute pillars: semantic HTML5 structures, vanilla CSS grids, layouts, and DOM manipulation via pure Javascript. Built simple games and scripts to understand logical state.

HTMLCSSJavaScriptDOM API
Layout Engineering

Building Responsive Websites

Shifted focus to mobile-first designs, layout structures, and cross-browser fluidity. Learned utility-first frameworks like Tailwind and custom responsive media rules to support all viewports.

Tailwind CSSFlexboxCSS GridResponsive Design
Interactive Storytelling

Creating Interactive Interfaces

Discovered the impact of motion physics. Dived deep into custom animation libraries like Framer Motion, GSAP, and WebGL basics to translate static interfaces into interactive, alive user flows.

GSAPFramer MotionMicro-interactionsCanvas
Component-Driven Architecture

Learning Modern Frameworks

Adopted React and Next.js to compile state-driven components, client/server boundaries, and file-system based routing architectures. Optimized rendering, speed indices, and build pipelines.

ReactTypeScriptNext.jsApp Router
Decentralized Networks

Exploring Web3 sandbox

Expanded horizons into block architectures and EVM chains. Exploring Solidity, smart contracts, smart logic connections, wallets, and standard front-end dApp bindings like Ethers.js.

SolidityWeb3.jsEthers.jsdApps
Cinematic Web & Engineering

Building Better Experiences

Refining the intersection of high-fidelity WebGL graphics, flawless performance, and modern layout stories to create award-winning web applications for global audiences.

Three.jsCreative DevPerformance OptimizationSEO

Greatinterfacesaren'tjustdesignedthey'reexperienced.

Swarnavo Biswas • Design Creed

OPEN SOURCE

GitHub // Repositories

Streaming active source repositories and development projects directly from my GitHub profile interface.

CONNECT

Let's Talk

Interested in collaborating, hiring, or discussing frontend pipelines, creative interface concepts, or Web3 projects? Get in touch.

Send Message
© 2026 Swarnavo Biswas // Coding Aesthetics