Lightning is a web application that transforms natural language descriptions into fully functional React components in real-time. Using advanced AI technology, it makes app development fast, intuitive, and accessible to everyone through a simple chat interface.
- AI Chat Interface: Describe your desired component or app in natural language
- Live Code Generation: Get instant React/TypeScript code based on your description
- Real-Time Preview: See your components come to life as you chat
- Inbuilt LLM: The apps have the ability to generate prompts and call LLM's themselves
- Component Library: Built-in support for Shadcn UI and Radix components
- TypeScript Ready: All generated code is type-safe with TypeScript
- Modern Stack: Built with Next.js 14 and Tailwind CSS
- Dark Mode: Full dark mode support for the interface as well as the generated app
- Framework: Next.js 14 (App Router)
- Language: TypeScript
- UI Components: Shadcn UI / Radix UI
- Styling: Tailwind CSS
- AI Integration: SambaNova API
- Development: ESLint, Prettier
- Clone the repository:
git clone https://github.com/mithileshchellappan/lightning.git- Install dependencies:
npm install- Set up environment variables:
cp .env.example .env.localAdd your SambaNova API key to .env.local:
SAMBANOVA_API_KEY=your_api_key_here
- Run the development server:
npm run dev- Open http://localhost:3000 to start using Lightning
-
Start a Chat: Open the chat interface and describe the component you want to create
"Create a workout tracking app with a daily schedule, exercise timer, and dark mode support" -
Review & Preview:
- See the generated code in real-time
- Preview the component in the built-in viewer
- Toggle between light and dark mode
-
Iterate & Refine:
- Ask for modifications or improvements
- The AI will update the code based on your feedback
-
Publish & Share:
- Save your creation to your collection
- Share the link with friends and colleagues
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.
- SambaNova Cloud for the blazing inference speeds
- Shadcn UI for the beautiful component library
- Next.js team for the amazing framework
For support, please open an issue in the GitHub repository.