SlideX is a modern AI-based web application that allows users to create complete, visually appealing presentations with just a single prompt.
It combines automation, intelligent content generation, and sleek design to save hours of manual work while maintaining professional quality.
Fully deployed — explore, generate, and design your presentations online.
SlideX provides a seamless experience for generating, editing, and managing presentations with AI.
Built using React 19, TypeScript, and Vite, it integrates Google's Gemini AI for content generation and Firebase for real-time data handling.
- Generate full presentations from short prompts or topic inputs
- AI outlines slides with relevant text and headings
- Automatically applies layout and design consistency
- Choose from multiple pre-built templates and color themes
- Intuitive visual editor for slide customization
- Export ready-to-present decks as PowerPoint files
- Secure user authentication with Clerk
- Cloud storage powered by Firebase for persistent access
- Credit-based freemium system for controlled AI usage
- Modern and responsive UI/UX
- Optimized for desktop, tablet, and mobile
- Minimal, distraction-free interface built with Radix UI and Tailwind CSS
| Category | Technology |
|---|---|
| Frontend | React 19, TypeScript, Vite |
| Styling | Tailwind CSS, Radix UI |
| Routing | React Router v7 |
| Authentication | Clerk |
| Backend | Firebase (Firestore) |
| AI Engine | Google Gemini AI |
| State Management | React Context API |
| Form Handling | React Hook Form, Zod |
- Node.js (v16 or later)
- npm or yarn package manager
# Clone the repository
git clone <repository-url>
cd slidex
# Install dependencies
npm installCreate a .env file in the root directory and add:
VITE_CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key
VITE_FIREBASE_API_KEY=your_firebase_api_key
# Start the development server
npm run dev
# Build for production
npm run build
# Preview the production build
npm run previewThe app will be available at http://localhost:5173.
SlideX uses Firebase as its backend service. The application interacts with Firebase APIs for:
- User registration and login
- Session management with Clerk
- Secure access to user resources
projectscollection: Store presentation datauserscollection: Manage user profiles and credits- Real-time data synchronization
- Google Gemini API for content generation
- Live streaming for real-time slide creation
- Template-based design generation
Contributions are welcome! Here's how you can help:
- Fork the repository
- Create a feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Please ensure your code follows the existing style and includes appropriate tests.
This project is licensed under the MIT License - see the LICENSE file for details.
- Bug Reports: GitHub Issues
- Feature Requests: GitHub Discussions
- Contact: @ks9128
If you found this project helpful, please give it a star on GitHub!
Made with ❤️ by Khalid Saifullah