BuildSpace

Landing Page
Features
Login/Signup
Main Website Composer
Components added in canvas
Downloadable HTML/JSON
AI Mode - Type and Build in Seconds

Inspiration

Building website layouts is still difficult for non-technical users. Many great ideas never turn into real products because creating responsive web layouts requires coding knowledge or expensive tools. We were inspired to build BuildSpace to remove this barrier and make layout creation simple, visual, and accessible to everyone.

What it does

BuildSpace is a drag-and-drop web layout builder landing page and authentication gateway.

Users can:

Understand the product through a clear and engaging landing experience
Sign up or log in using secure authentication
Get redirected to the builder app where they can:
- Assemble pages using ready-made sections (hero, features, forms, contact, etc.)
- Reorder sections using drag & drop
- Edit content inline with live preview
- Export the final layout as clean HTML or JSON

How we built it

Frontend: React, Tailwind CSS, shadcn-ui
Animations: Framer Motion for smooth UI transitions
Authentication: Supabase (email + password)
Theming: Dark mode by default using next-themes
Architecture: Landing page and auth flow in one repository, with the editor deployed as a separate app and connected via redirect

Challenges we ran into

Explaining a complex product clearly within a short landing experience
Handling authentication errors and edge cases smoothly
Designing a fully responsive UI that works across devices
Maintaining consistent design while using animations and dark theme

Accomplishments that we're proud of

Built a polished and production-ready landing page
Seamless authentication and redirect flow
Clean and intuitive UX for non-technical users
Fully responsive design with smooth animations
Clear separation between marketing site and builder app

What we learned

How to design products for non-technical users
Implementing secure authentication using Supabase
Improving user experience with subtle animations
Structuring scalable and maintainable frontend projects

Our Aim with BuildSpace

Our aim is to launch BuildSpace at a much larger scale and make website creation accessible to everyone. We want to empower millions of people—students, founders, designers, and creators—to bring their ideas to life without writing code. By simplifying layout building, BuildSpace aims to positively impact lives by enabling creativity, speed, and digital independence.