TEMPLATE_BRAINSTORM.md•7.89 kB
# Additional Template Ideas & Use Cases
## Industry-Specific Templates
### 1. E-commerce Storefront
**Use Cases:** Online store, product catalog, retail
**Key Features:**
- Product grids with filters
- Shopping cart UI
- Product detail pages
- Checkout flow
- Customer reviews
- Wishlist functionality
**Libraries:** Stripe integration, product image galleries, shopping cart state
### 2. Restaurant/Food Service
**Use Cases:** Restaurant sites, food delivery, catering
**Key Features:**
- Menu layouts with categories
- Online ordering UI
- Reservation system
- Location/hours info
- Gallery of food photos
- Testimonials/reviews
**Libraries:** Google Maps integration, calendar/booking
### 3. Real Estate Listings
**Use Cases:** Real estate agencies, property management, vacation rentals
**Key Features:**
- Property listings with filters
- Map integration
- Photo galleries/virtual tours
- Contact/inquiry forms
- Agent profiles
- Mortgage calculator
**Libraries:** Mapbox/Google Maps, image galleries, filtering
### 4. Healthcare/Medical Practice
**Use Cases:** Clinics, doctors, medical services
**Key Features:**
- Service descriptions
- Doctor/staff profiles
- Appointment booking
- Patient resources
- Insurance information
- Testimonials
**Libraries:** HIPAA-compliant forms, calendar booking
### 5. Fitness/Wellness Studio
**Use Cases:** Gyms, yoga studios, personal trainers, wellness
**Key Features:**
- Class schedule
- Trainer profiles
- Membership plans
- Online booking
- Progress tracking UI
- Blog/resources
**Libraries:** Calendar, scheduling, video integration
### 6. Non-Profit/Charity
**Use Cases:** Charities, foundations, causes
**Key Features:**
- Donation forms
- Impact stories/metrics
- Event calendars
- Volunteer signup
- Newsletter integration
- Progress trackers
**Libraries:** Payment processing, social sharing
### 7. Legal Services
**Use Cases:** Law firms, legal practices, attorneys
**Key Features:**
- Practice areas
- Attorney profiles
- Case results
- Blog/resources
- Consultation booking
- Client portal UI
**Libraries:** Secure forms, scheduling
### 8. Financial Services
**Use Cases:** Financial advisors, accounting, consulting
**Key Features:**
- Service offerings
- Calculators (retirement, loan, etc.)
- Team profiles
- Resources/tools
- Client portal UI
- Secure contact forms
**Libraries:** Chart.js for data visualization, calculators
### 9. Educational Institution
**Use Cases:** Schools, universities, training centers
**Key Features:**
- Program/course listings
- Faculty profiles
- Admissions information
- Campus tours (virtual)
- Student resources
- Events calendar
**Libraries:** Video integration, calendar, forms
### 10. Job Board/Careers Platform
**Use Cases:** Job listings, recruitment, careers pages
**Key Features:**
- Job listings with filters
- Application forms
- Company profiles
- Candidate portal UI
- Search functionality
- Email alerts UI
**Libraries:** Search, filtering, form handling
## Functional Templates
### 11. Community/Forum Platform
**Use Cases:** Online communities, discussion boards, member sites
**Key Features:**
- Discussion threads
- User profiles
- Categories/topics
- Search functionality
- Member directory
- Notifications UI
**Libraries:** Real-time updates, rich text editor
### 12. News/Magazine
**Use Cases:** News sites, online magazines, publications
**Key Features:**
- Article layouts
- Category pages
- Author profiles
- Trending/popular sections
- Newsletter signup
- Comments system UI
**Libraries:** RSS feeds, social sharing
### 13. Directory/Listing Site
**Use Cases:** Business directories, resource listings, marketplaces
**Key Features:**
- Listing cards with filters
- Search functionality
- Map integration
- Category browsing
- Submission forms
- Ratings/reviews UI
**Libraries:** Search, maps, filtering
### 14. Booking/Reservation Platform
**Use Cases:** Hotels, venues, services requiring booking
**Key Features:**
- Availability calendar
- Booking flow
- Pricing calculator
- Gallery/amenities
- Reviews
- Payment integration UI
**Libraries:** Calendar, date pickers, Stripe
### 15. Review/Rating Platform
**Use Cases:** Product reviews, service ratings, comparisons
**Key Features:**
- Review listings
- Rating systems
- Comparison tables
- User submissions
- Search/filter
- Author profiles
**Libraries:** Star ratings, charts
## Specialized Templates
### 16. Personal Finance Dashboard
**Use Cases:** Budget apps, finance tracking, investment platforms
**Key Features:**
- Dashboard layouts
- Charts/graphs
- Transaction lists
- Goal tracking
- Budget categories
- Reports
**Libraries:** Chart.js, Recharts, data visualization
### 17. Recipe/Food Blog
**Use Cases:** Food blogs, recipe sites, cooking platforms
**Key Features:**
- Recipe cards
- Ingredient lists
- Step-by-step instructions
- Photos/videos
- Search by ingredient
- Print-friendly layouts
**Libraries:** MDX, image galleries
### 18. Travel Blog/Guide
**Use Cases:** Travel blogs, destination guides, itineraries
**Key Features:**
- Destination pages
- Itineraries
- Interactive maps
- Photo galleries
- Travel tips
- Booking links
**Libraries:** Maps, galleries, MDX
### 19. Music/Band Site
**Use Cases:** Musicians, bands, music producers
**Key Features:**
- Music player
- Tour dates
- Discography
- Merch store UI
- Biography
- Press kit
**Libraries:** Audio player, calendar, e-commerce
### 20. Photography Portfolio
**Use Cases:** Photographers, visual artists
**Key Features:**
- Gallery layouts (grid, masonry)
- Lightbox viewer
- Project/collection pages
- Client proofing UI
- Pricing/packages
- Booking system
**Libraries:** Image galleries, lightbox, Cloudinary
### 21. Video Production Studio
**Use Cases:** Video producers, creators, studios
**Key Features:**
- Video showcases
- Project case studies
- Team/equipment
- Client testimonials
- Booking/inquiry
- Behind-the-scenes
**Libraries:** Video players, Vimeo/YouTube integration
### 22. Co-working Space
**Use Cases:** Shared workspaces, office rentals
**Key Features:**
- Space layouts
- Amenities showcase
- Membership plans
- Booking calendar
- Virtual tour
- Community events
**Libraries:** Calendar, 3D tours, booking
### 23. Gaming/Esports
**Use Cases:** Gaming teams, tournaments, gaming sites
**Key Features:**
- Team rosters
- Match schedules
- Leaderboards
- Stream integration
- News/updates
- Shop UI
**Libraries:** Twitch integration, charts
### 24. Web3/Crypto Project
**Use Cases:** Crypto projects, DAOs, NFT collections
**Key Features:**
- Tokenomics display
- Roadmap timeline
- Team profiles
- Whitepaper
- Wallet connection UI
- NFT gallery
**Libraries:** Web3 libraries, wallet integration
### 25. Sustainability/Green Initiative
**Use Cases:** Eco-friendly businesses, sustainability projects
**Key Features:**
- Impact metrics
- Carbon footprint displays
- Green initiatives
- Resource library
- Partnership showcase
- Action plans
**Libraries:** Data visualization, progress meters
## Template Characteristics to Consider
### Style Variations
- **Brutalist**: Raw, bold, unconventional
- **Glassmorphism**: Frosted glass effects
- **Neomorphism**: Soft UI with shadows
- **Minimalist**: Clean, spacious, simple
- **Maximalist**: Rich, bold, layered
- **Retro/Vintage**: Nostalgic design elements
- **Futuristic**: Sci-fi, tech-forward
### Layout Patterns
- **Full-width hero**: Large hero sections
- **Split screen**: Divided layouts
- **Grid-based**: Card/tile layouts
- **Asymmetric**: Non-standard layouts
- **Scroll-based**: Story-driven scroll
- **One-page**: Single page scroll sites
### Interaction Patterns
- **Cursor effects**: Custom cursors, followers
- **Parallax**: Depth effects on scroll
- **Horizontal scroll**: Side-scrolling sections
- **Hover reveals**: Content on hover
- **Magnetic elements**: Elements that follow cursor
- **3D transforms**: CSS 3D effects