Startup Wireframe

A clean, modern wireframe template for startups and new products. Built with React, TypeScript, Tailwind CSS and shadcn/ui components.

This wireframe provides a complete starting point for a startup's marketing website, including:

• Responsive navigation
• Hero section with clear value proposition
• Feature showcase
• Testimonials/social proof
• Pricing section
• Call-to-action areas
• Comprehensive footer

All components are fully responsive and designed to be easily customizable for your specific brand and content needs.

• Modern Design: Clean, minimalist aesthetic that puts focus on your content
• Fully Responsive: Looks great on all devices from mobile to desktop
• Component-Based: Modular architecture makes it easy to add, remove, or modify sections
• Production-Ready: Built with performance and accessibility in mind
• Customizable: Easy to adapt to your brand colors and styles

• React
• TypeScript
• Tailwind CSS
• shadcn/ui components
• Lucide icons

• Node.js & npm

1. Clone the repository:

git clone <repository-url>

2. Navigate to the project directory:

cd startup-wireframe

3. Install dependencies:

npm install

4. Start the development server:

npm run dev

The main color scheme can be adjusted in the tailwind.config.ts file and src/index.css. The current palette uses:

• Primary: Blue (#3B82F6)
• Secondary: Light Gray (#F3F4F6)
• Accent: Green (#10B981)
• Text: Dark Gray (#1F2937)
• Background: White (#FFFFFF)

Replace the placeholder text and images with your own content in the component files located in src/components/.

This project can be built for production using:

npm run build

The built files will be in the dist directory, ready to be deployed to your hosting provider of choice.

This project is licensed under the MIT License.