Next.js Project

49 Portfolio Projects

A master collection of 49 high-performance, animated homepage designs built with Next.js 14, TypeScript, Tailwind CSS, and Framer Motion and converted to static HTML projects.

How to View

These designs have been converted to live, static HTML versions so you can browse them instantly without running a server.

✅ Live Preview Ready
âš¡ Accelerated Performance

Included Projects

Cinematic Dark Mode

Brutalist-futurist aesthetic with 3D elements and glitch effects.

Design 03

Swiss Minimal

Ultra-clean layout with strong grid systems and large typography.

Design 04

Cyberpunk Neon

Holographic interface with terminal styling and neon glow.

Design 05

Vaporwave Retro

Pastel gradients, Windows 95 aesthetics, and nostalgia.

Design 06

Glassmorphic Luxury

Premium frosted glass effects with deep, rich backgrounds.

Bento-Grid SaaS

Component-based layout with modular content cards.

Scroll

Scroll Storytelling

Immersive full-screen transitions driven by scroll progress.

POP!

Playful Brutalism

High contrast, bold borders, and raw, unpolished energy.

Soft UI

Neumorphism

Soft shadows and depth.

ISO 3D

Isometric 3D

Perspective shapes and grids.

8-BIT

Retro Pixel

Arcade aesthetic.

Grunge

Urban Grunge

Distressed textures.

Flat

Corporate Memphis

Joyous vector art.

HOLO

Holographic

Iridescent glass.

Minimal Line Art

Elegant strokes.

TYPE

Kinetic Type

Moving text marquees.

COLLAGE

Mixed Media

Cutout graphics.

Y2K

Y2K Chrome

2000s futurism.

TECH

Industrial

Technical blueprints.

Generative Art

Code-driven particles.

☠️

Pastel Goth

Creepy cute.

Bauhaus

Geometric functionalism.

Sketch

Hand Drawn

Paper & pencil.

010101

The Matrix

Digital rain.

COSMOS

Deep Space

Sci-fi background.

OCEAN

Underwater

Deep blue depths.

TAG

Urban Graffiti

Street art wildstyle.

Design 37

Sharp & Bold

High-contrast Neubrutalist layout with geometric shadows.

Design 39

Pure Space

Radical minimalist design focusing on white space.

Design 40

Matrix Core

Retro-futuristic terminal aesthetics with neon highlights.

Design 55

Matrix Core

Retro-futuristic terminal aesthetics with neon highlights.

Design 56

The Obelisk

Cinematic dark mode brutalist-futurist, heavy 3D & glitch.

Design 57

Gaia's Breath

Organic nature-inspired, soft gradients, asymmetric layouts.

Design 58

Helvetica Standard

Ultra-minimal Swiss style, precision typography.

Design 59

Cyber-Deck

Cyberpunk neon glow, holographic elements, scanlines.

Design 61

The Atelier

Glassmorphic luxury, blurred backgrounds, metallic accents.

Design 62

Gridlocked

Modular bento-grid, clean lines, functional yet artistic.

Design 63

The Narrative

Scroll storytelling with full-screen immersive sections.

Design 64

Raw Cuts

Playful brutalism, raw edges, oversized type, color clashes.

Design 65

Cinematic Brutalist Redux

Aggressive glitch effects, custom cursors, and raw high-contrast layout.

Design 66

Organic Nature Redux

Fluid SVG animations, stippled textures, and asymmetric layout transitions.

Design 67

Minimalist Swiss Redux

Precision grid systems, kinetic typography, and elegant monochrome balance.

Design 68

Glassmorphic Vaporwave

Frosted panels, iridescent borders, and neon-drenched background layers.

Design 69

Neumorphic Neo-Tech

Soft shadows, tactile interfaces, and high-fidelity industrial components.

Design 70

Cyberpunk High-Contrast

Chaotic marquee headers, bento grid layouts, and aggressive motion design.

Design 71

Soft-Focus Dreamscape

Ethereal glassmorphism, floating color blobs, and sophisticated serif typography.

Design 72

Neo-Brutalist Pop

Bold primary colors, thick outlines, and interactive draggable stickers.

Design 73

Terminal Minimalist

Hacker-chic monospace aesthetics, typing effects, and command-line interfaces.

Design 74

Sci-Fi HUD / Spatial

Immersive parallax depth, rotating HUD elements, and iridescent glass panels.