Shaderland is an AI-enhanced web IDE for writing WebGL shaders, making shader development easier, faster, and more collaborative.
🎨 Explore Shaderland: https://shaderland.vercel.app
🚀 Deploy Your Own: Deployment Guide
📂 GitHub Repository: https://github.com/SlightlyEpic/shaderland
Demo login credentials: (for https://shaderland.vercel.app)
- Email:
sampleuser@gmail.com - Password:
1234sample@
- Built-in AI chat as your coding companion
- AI-powered autocomplete to speed up coding
- Real-time WebGL output preview
- Organize your shaders into multiple workspaces
- Within a workspace, keep multiple related programs
- Syntax highlighting and line numbering
- Supports email authentication and Google OAuth
- Password reset functionality included
- Clean, responsive, and intuitive design
Shaderland is built with modern and secure technologies:
- Next.js — Fast and powerful React framework
- Auth0 — Secure authentication
- Mongoose — MongoDB object modeling
- Vercel AI SDK + Groq AI — AI-powered features
- Zustand — State management
- Tanstack Query - Efficient API querying
- Zod — Data validation
- Tailwind CSS — Stylish and responsive UI
- TypeScript — Type-safe development
Experience the future of shader development with Shaderland! 🎉