Heroship

• 

  Example Generation

• 

  Landing Page- Section 2

• 

  Home

• 

  Code Export

Inspiration

As a developer, i often found myself spending too much time writing and tweaking hero section code for my websites, i wanted to simplify this process by creating a tool that bridges the gap between inspiration and implementation in minutes.

What it does

Heroship allows you to create stunning website hero sections in just minutes. Simply answer a few questions and instantly generate a beautiful, ready-to-use hero design.

How i built it

Heroship was built using: Frontend: React + TailwindCSS for fast, responsive UI and dynamic previews. Hosting: Appwrite

Challenges i ran into

Designing flexible templates that adapt well to different industries and tones without looking generic. Ensuring the generated content felt human and brand aligned without being repetitive.

Accomplishments that i am proud of

I am so happy that i made something genuinely useful for developers, founders, and designers.

What i learned

Simple UX and clear value propositions matter more than offering "every possible feature."

What's next for Heroship

Application for more hackathons and hopefully, worldwide recognition.

Built With

• javascript
• react
• tailwind
• vite