Scriptly - AI-Powered Markdown Editor
Open-Source | Next.js | TypeScript | Supabase
Overview
Scriptly is a powerful, feature-rich open-source markdown editor that combines AI assistance with real-time preview capabilities. Built with modern web technologies, it offers a seamless writing experience for developers, writers, and content creators.
Key Features
- 🤖 AI Integration - Built-in Google Gemini AI assistance for smart content generation and suggestions
- 📝 Real-time Preview - Live markdown rendering with instant feedback
- 💾 Cloud Sync - Supabase integration for seamless document synchronization across devices
- 🎨 Modern UI - Built with Radix UI components and Tailwind CSS for a polished, accessible interface
- 📱 Responsive Design - Optimized for desktop, tablet, and mobile devices
- 🔒 Secure & Private - Self-hosted capability with MIT license
- ⚡ Fast & Efficient - Built on Next.js 13 with optimized performance
Tech Stack
- Frontend: Next.js, React, TypeScript
- Styling: Tailwind CSS, Radix UI
- AI Integration: Google Generative AI (Gemini)
- Backend: Supabase
- State Management: React Context API with custom hooks
- Form Handling: React Hook Form with Zod validation
Technical Highlights
- Component-driven architecture with reusable UI elements
- Type-safe development with TypeScript
- SEO optimization with next-sitemap
- Advanced markdown processing with DOMPurify sanitization
- Custom hooks for enhanced functionality
- Context-based state management for optimal performance
Impact
- 100% Free & Open Source - Available for anyone to use, modify, and contribute
- Production-Ready - Deployed and accessible at scriptly-md.vercel.app
- Developer-Friendly - Comprehensive documentation and clean codebase
- Active Development - Continuously updated with new features and improvements