Case Study
Kartik Studio
A comprehensive platform concept for video editing services and tutorials, helping creators elevate their visual content.
Next.jsTailwindFramer Motion
17-year-old creative developer & designer
Full Stack Frontend Developer
KartikRana
I build modern, fast, premium web experiences. 17-year-old developer from Uttarkashi, Uttarakhand, now based in Gurugram, Haryana and currently studying in Class 12 (NIOS Board).
Age
17 Years
Based in
Gurugram, Haryana
From
Uttarkashi, Uttarakhand
Education
Class 12 • NIOS
Featured Role
Full Stack Frontend Developer
Designing and building premium, animated interfaces with React, Next.js, Tailwind CSS, and Framer Motion.
Also editing cinematic videos and graphics that match the same modern visual style.
Frontend
React • Next.js • Tailwind
Creative
UI • Motion • Video
Tools
VS Code • Vercel • Figma
Experience
Projects • Instagram pages
Biography
About Me
I'm Kartik Rana, a full stack frontend developer obsessed with crafting modern, premium web experiences. I design and build interfaces that feel cinematic, fast, and delightful to use.
While my core strength is modern frontend development (React, Next.js, Tailwind, Framer Motion), I'm actively learning backend development so I can ship fully connected, production-ready experiences end-to-end.
Beyond code, I'm also into graphic design, video editing, and Figma. I've handled Instagram pages, creating cohesive visual identities, reels, and content that actually engages people — which feeds directly into how I think about product visuals and storytelling on the web.
Modern Interfaces
Smooth, animated, and responsive experiences.
Video Editing
Cinematic edits that match the brand's energy.
Design-First
Figma-driven workflow for pixel-perfect UI.
Snapshot
Full Stack Frontend & Creative
KR
Primary
Frontend • Next.js
Learning
APIs • Backend
Creative
Figma • Graphics • Video
Social
Instagram page handling
Clean, premium visualsMicro-interactionsStory-driven designConsistent branding
Always exploring what's next on the web.Building since early teens.
Skills & Expertise
Technical Arsenal
A blend of frontend engineering, visual design, and the tools needed to ship real projects — from prototypes to production-ready experiences.
Focused on clean architecture & reusable components.
Category
Frontend
HTMLCSSJavaScriptTypeScriptReactNext.jsTailwind CSS
Category
Backend (Learning)
Node.jsAPIsDatabase basics
Category
Design
FigmaGraphic DesignUI Design
Category
Tools
GitVercelVS Code
Projects & Creations
Selected Work
A mix of web development, motion-heavy interfaces, and creative visuals that show how I think about experience, storytelling, and performance.
More projects coming as I ship new ideas.
Case Study
Modern Portfolio
A high-performance developer portfolio template focused on motion, typography, and premium aesthetics.
ReactNext.jsTypeScript
Case Study
Creative Agency Site
A concept landing page for a creative agency with smooth page transitions and lead generation forms.
AstroTailwindAnimations
Offerings
Services I Provide
From idea to polished product, I can help with design, development, and content that all feels consistent and premium.
Available for freelance projects and collaborations.
Web Development
Development
Modern, fast, responsive websites built with the latest tech stack and best practices.
UI/UX Design
Design
Premium, modern, user-friendly interfaces designed in Figma with a focus on detail.
Graphic Design
Branding
Social media posts, branding assets, and visual design that match your identity.
Instagram Page Handling
Social
Managing and growing Instagram pages with consistent content, visuals, and strategy.
Entertainment
Favourite Stack & Tools
The tools and technologies I reach for when building premium, animated, and high-performance web experiences.
Next.js
App Router, server components, and lightning-fast pages.
React
Component-driven UIs with hooks, context, and patterns.
Tailwind CSS
Utility-first styling that keeps design consistent.
Figma
Designing, prototyping, and exploring visual directions.
VS Code
My main space for writing and refining code.
Let's Connect
Contact Me
Have a project or idea in mind? I'm always open to collaborations, freelance work, or just a quick chat about design and development.
kartikrana.dev@gmail.com
@kartik.x.ii
Let's Build Something
Let's work together to build something amazing.
Whether it's a modern portfolio, a landing page, or a full product experience, I can help design and build it with motion, performance, and polish.
Hire Me
Quick replies, clear communication, and a focus on details.