PROJECT INITIALISATION
Project Plan
Set up your LazyLayout project with the right foundation. Define the scope and preferences before launching your visual development environment.
01
Project Name
Used as the default component and export file name.
02
Select Design Scope
What do you want to build? You can always change this later.
Element Design
Buttons, text, images, dividers, icons, badges and more.
Component Design
Navbars, cards, modals, carousels and reusable components.
Custom
Start with a blank canvas and build freely.
03
Project Details
Add a short description, goals or reference links.
0/500
04
Technology Stack
Tailor the emitted code to your project's framework, styling, and motion library.
Target Framework
Styling System
Animation Engine
Language
Starting Template
05
Review & Launch
Confirm your settings and launch the studio.
Project NameLazyLayout
Design ScopeElement Design
Target FrameworkNext.js 15 (App Router)
Styling SystemTailwind CSS v4
Animation EngineGSAP 3.12 (Timeline & ScrollTrigger)
LanguageTypeScript
TemplateBlank Canvas