Vibeadex: A Cyberpunk Prompt Rolodex for Vibecoding
Live Mockup Link:
Hey everyone! I just shipped Vibeadex, a full-stack prompt management app built entirely on Replit. It is a browsable, searchable library of AI coding prompts organized into a 3D interactive Rolodex that you can spin through.
What is it?
Vibeadex is a tool for developers who use AI assistants regularly and want a clean way to organize, browse, and copy their best prompts. Think of it as a prompt recipe book with a retro-futuristic twist.
It comes pre-loaded with 25 high-quality prompts across 10 categories: UI, UX, Frontend, Backend, Components, Architecture, Security, Testing, DevOps, and AI/Agent. Each category has its own accent color that shows up throughout the interface.
The 3D Rolodex
The centerpiece is a virtual Rolodex on the dashboard. You can scroll or swipe through category cards that stack and fan out in 3D space, each with a solid colored background matching its category. Clicking a card takes you straight to that category’s prompts. It uses CSS transforms and Framer Motion for smooth spring physics.
Features
- Full CRUD for prompts and categories (create, edit, delete)
- Search across all prompts with a Cmd+K command palette
- Favorite/pin your most-used prompts
- Syntax-highlighted prompt content
- Replit Auth for secure login (Google, GitHub, email, etc.)
- Mobile-responsive with a bottom dock nav, swipeable filter sheets, and touch-friendly controls
- Cyberpunk design system with neon cyan accents, glassmorphism panels, and a dark terminal aesthetic
Tech Stack
- React 19 + Vite + Tailwind CSS v4 + Framer Motion
- Express.js backend with full REST API
- PostgreSQL + Drizzle ORM
- Replit Auth (OpenID Connect)
- Wouter for client-side routing
- TanStack React Query for data fetching
Why I built it
I kept losing track of prompts that worked well. Some were in notes, some in old chat threads, some just in my head. I wanted a single place to collect and organize them, and I wanted it to feel fun to use rather than just another plain list view. The Rolodex metaphor felt right because you flip through it the same way you would flip through ideas.
If you work with AI coding tools, feel free to fork it and load your own prompts. The seed endpoint makes it easy to start fresh with sample data, and the CRUD interface lets you customize everything from there.