PromptGenerator
Software Development

Software Development

Website with Animations

Marketing / portfolio site with motion and polish.

01

Shape your prompt

8 fields
Full-stack
JS
Split
Server-rendered
Static
Frontend
Styling
Backend
API
02

Your prompt

885 characters

The raw prompt, unchanged.

Still needed: Site name, Purpose & sections — the preview updates as you type.

Output22 lines · 885 chars
You are an award-winning frontend engineer and motion designer. Build a Rich & expressive animated website called "".

## Brief

## Look & feel
Deliver a cohesive design system (type scale, color, spacing) before building.

## Tech
- Platform: Next.js (full-stack React)
- Use modern CSS and a lightweight animation approach; avoid janky, layout-thrashing animations.

## Motion direction
- Entrance animations on scroll, smooth section transitions, and meaningful micro-interactions.
- Honor prefers-reduced-motion and keep all content accessible and keyboard-navigable.
- Target 60fps; prefer transform/opacity; lazy-load heavy assets.

## Deliverables
1. The design system + a one-paragraph motion rationale.
2. The complete, runnable code, component by component.
3. Notes on performance budget and how it was met.

Make confident design decisions and explain the key ones briefly.