An AI-powered, free productivity suite designed specifically for students and educators. Create professional presentations, documents, and spreadsheets with intelligent assistance.
- AI-powered slide generation and content suggestions
- Professional templates for educational content
- Interactive 3D elements and animations
- Real-time collaboration capabilities
- Export to multiple formats (PDF, PPTX, HTML)
- Intelligent writing assistance and grammar checking
- Markdown support with live preview
- AI-enhanced content generation
- Collaborative editing features
- Document templates for academic writing
- Smart formula suggestions and auto-completion
- Data analysis and visualization tools
- Template library for common educational use cases
- Import/export support for Excel and CSV formats
- Built-in calculators and statistical functions
- Content generation powered by Google's Generative AI
- Writing enhancement and grammar suggestions
- Formula assistance and data analysis
- Intelligent template recommendations
- 100% free for students and educators
- No registration required
- Privacy-focused design
- Offline capabilities
- Mobile-responsive interface
- Node.js (version 16.0 or higher)
- npm or yarn package manager
-
Clone the repository
git clone https://github.com/yourusername/clixel.git cd clixel/Clixel -
Install dependencies
npm install
-
Set up environment variables
cp .env.example .env # Add your Google AI API key to the .env file -
Start the development server
npm run dev
-
Open your browser Navigate to
http://localhost:5173to view the application.
# Create an optimized production build
npm run build
# Preview the production build locally
npm run preview- Frontend Framework: React with TypeScript
- Build Tool: Vite
- UI Framework: Tailwind CSS
- Component Library: shadcn/ui with Radix UI
- Animation: Framer Motion
- AI Integration: Google Generative AI
- 3D Graphics: Spline
- Charts: Recharts
- Icons: Lucide React
- State Management: React Hooks + Local Storage
- Routing: React Router
src/
├── components/ # Reusable UI components
│ ├── layout/ # Layout components (Navigation, etc.)
│ └── ui/ # shadcn/ui components
├── pages/ # Application pages/routes
│ ├── Index.tsx # Landing page
│ ├── SlidesEditor.tsx # Presentation editor
│ ├── DocsEditor.tsx # Document editor
│ ├── SheetsEditor.tsx # Spreadsheet editor
│ ├── Templates.tsx # Template gallery
│ ├── Projects.tsx # Project management
│ └── Help.tsx # Help and documentation
├── data/ # Static data and templates
├── hooks/ # Custom React hooks
├── lib/ # Utility functions and configurations
├── services/ # API services and integrations
├── types/ # TypeScript type definitions
└── assets/ # Static assets (images, icons)
npm run dev- Start development servernpm run build- Build for productionnpm run build:dev- Build for developmentnpm run preview- Preview production buildnpm run lint- Run ESLint
The application can be deployed to various platforms:
npm install -g vercel
vercel --prodnpm run build
# Upload the 'dist' folder to Netlifynpm run build
# Deploy the 'dist' folder to your gh-pages branchWe welcome contributions from the community! Please read our Contributing Guidelines for details on how to submit pull requests, report issues, and contribute to the project.
- Fork the repository
- Create your 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
This project is licensed under the MIT License - see the LICENSE file for details.
- shadcn/ui for the beautiful component library
- Google AI for generative AI capabilities
- Lucide for the icon set
- The open-source community for the amazing tools and libraries
Made with ❤️ for educators and students worldwide
Free • Open Source • Privacy Focused