Selected project archive

/works/myportfolio

2026
Personal SiteCase study #myportfolio

Portfolio

Built on TanStack Start and React, this portfolio showcases a distinctive paper-cut design system. It combines tactile skeuomorphic textures (Kraft stock, torn paper edges, vintage ink stamps, scotch tape) with an interactive 3D CSS orbit crown, fluid Framer Motion choreography, and smooth physics.

Visit live projectProject file opened
Prepared by Diwakar S R2026 edition
Project preview
visual evidence
Portfolio project preview
/preview.pngPersonal Site

Visual archive

Screens from the project

Interface archive
Visual Journey

Project Gallery

Project field notes

From obstacle to outcome

Click a note to bring it to the top of the desk.

Product checklist

Core features

5 verified items
  • Feature 01

    Custom Skeuomorphic Paper-Cut UI Kit

  • Feature 02

    Interactive 3D CSS Card Orbit Crown

  • Feature 03

    Manila Dossier Case File Cards

  • Feature 04

    Torn Paper Edges, Desk Tape & Ink Stamp Elements

  • Feature 05

    Spring-Physics Motion Choreography

Developer toolkit

Technical palette

Click a technology note to inspect the active tool.

React ยท Active project technology

Outcome report

Tangible results

Built a signature 'Paper Kit' design system featuring Manila folders, torn edges, and desk tape.

Engineered an interactive 3D revolving card crown anchored in CSS 3D space with zero heavy WebGL dependencies.

Achieved lightning-fast loading speeds and responsive layout adapting seamlessly across mobile and desktop screens.

Verified project outcome log
Explore more projects