Skip to content

✨ Add dual UI concept showcase: Retro Vibes vs Neon Dreams#3

Open
JannesPeters wants to merge 3 commits into
mainfrom
feature/ui-concept-showdown
Open

✨ Add dual UI concept showcase: Retro Vibes vs Neon Dreams#3
JannesPeters wants to merge 3 commits into
mainfrom
feature/ui-concept-showdown

Conversation

@JannesPeters

Copy link
Copy Markdown
Owner

🎨 UI Concept Showdown

Two fun UI concepts deployed from the same codebase!

Concept A: Retro Vibes 🔥

  • Bold, playful design with animated floating emojis
  • Warm gradient background (yellow → orange → red)
  • Animated fire emoji that pulses
  • Big chunky buttons with drop shadows
  • Perfect for fun, energetic brands

Concept B: Neon Dreams ✨

  • Sleek cyberpunk aesthetic with neon effects
  • Dark background with glowing grid
  • Pulsing text and glowing orbs
  • Minimalist neon buttons
  • Perfect for tech/gaming brands

🚀 Deployment Setup

Both concepts deploy automatically to separate Vercel preview URLs:

  • Concept A deploys from test-app-simple project
  • Concept B deploys from test-app-concept-b project

Each project uses the VITE_UI_VARIANT environment variable to determine which UI to show.


🧪 Test Locally

# View Concept A
npm run dev:concept-a

# View Concept B  
npm run dev:concept-b

Or use URL parameters with the default dev server:

  • http://localhost:5173?variant=concept-a
  • http://localhost:5173?variant=concept-b

📝 Changes

  • Created ConceptA.tsx - Retro playful design
  • Created ConceptB.tsx - Cyberpunk neon design
  • Updated App.tsx - Smart concept switcher
  • Added npm scripts for building/testing each concept

Which concept do you prefer? 🤔

Two fun UI variants:
- Concept A: Retro Vibes - Playful design with animated emojis and bold colors
- Concept B: Neon Dreams - Cyberpunk aesthetic with neon effects

Each deployable to separate Vercel preview URLs via VITE_UI_VARIANT env var
@vercel

vercel Bot commented Feb 18, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
test-app-concept-b Ready Ready Preview, Comment Feb 18, 2026 11:18am
test-app-simple Ready Ready Preview, Comment Feb 18, 2026 11:18am

@JannesPeters

Copy link
Copy Markdown
Owner Author

🎉 Clean PR Ready!

This PR contains just the essential changes:

  • ✅ Two simple, fun UI concepts
  • ✅ Minimal code changes
  • ✅ No setup scripts or documentation clutter

Within 1-2 minutes, you should see TWO Vercel bot comments below with preview URLs:

  1. 🔥 Concept A (Retro Vibes) - Playful design with animated emojis and bold colors
  2. Concept B (Neon Dreams) - Cyberpunk aesthetic with neon grid and glowing effects

Each concept has subtle animations and interactive buttons. Click both preview URLs to see them in action! 🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant