https://github.com/ysskrishna/ilabs
A collection of free developer tools and resources, including image generation tools, boilerplate templates, utility applications, and more - designed to help developers streamline their workflow and enhance their projects.
https://github.com/ysskrishna/ilabs
developer-tools generator image nextjs open-graph open-graph-generator open-source project self-hosted tailwindcss tools typescript website ysskrishna
Last synced: 4 months ago
JSON representation
A collection of free developer tools and resources, including image generation tools, boilerplate templates, utility applications, and more - designed to help developers streamline their workflow and enhance their projects.
- Host: GitHub
- URL: https://github.com/ysskrishna/ilabs
- Owner: ysskrishna
- License: agpl-3.0
- Created: 2025-04-08T13:47:58.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-08T13:37:44.000Z (about 1 year ago)
- Last Synced: 2025-06-21T09:04:27.091Z (12 months ago)
- Topics: developer-tools, generator, image, nextjs, open-graph, open-graph-generator, open-source, project, self-hosted, tailwindcss, tools, typescript, website, ysskrishna
- Language: TypeScript
- Homepage: https://ilabs.vercel.app/
- Size: 10.6 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# iLabs
A collection of free developer tools and resources, including image generation tools, boilerplate templates, utility applications, and more - designed to help developers streamline their workflow and enhance their projects.
## [OG Image Generator](https://ilabs.vercel.app/products/og-image-generator)
- Enhanced linear gradient section with customizable colorcodes
- Enhanced Linear gradient with customizable angle via input and slider
- Add Radial gradient presets with customizable colorcodes
- Enhanced Solid color with customized colorcodes
## 🌐 Live Demo
Visit [https://ilabs.vercel.app](https://ilabs.vercel.app) to try the tools online.
## Screenshots
### OG Image Generator - Light Theme
### Landing Page - Light Theme
### Products Page - Light Theme
### Blogs Page - Light Theme
### Creator Page - Light Theme
### OG Image Generator - Dark Theme
### Landing Page - Dark Theme
### Products Page - Dark Theme
### Blogs Page - Dark Theme
### Creator Page - Dark Theme
## 🚀 Getting Started
### Prerequisites
- Node.js 18+
- pnpm (recommended) or npm
### Installation
1. Clone the repository:
```bash
git clone https://github.com/ysskrishna/ilabs
cd ilabs
```
2. Install dependencies:
```bash
pnpm install
```
3. Set up environment variables in `.env.local`:
```bash
NEXT_PUBLIC_BASE_URL=http://localhost:3000
NEXT_PUBLIC_API_URL=http://localhost:3000/api
NEXT_PUBLIC_GOOGLE_ID=
NEXT_PUBLIC_GOOGLE_ADSENSE_ID=
```
4. Start the development server:
```bash
pnpm dev
```
Visit `http://localhost:3000` to access the application.
## 🛠️ Tech Stack
- [Next.js 15](https://nextjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Radix UI](https://www.radix-ui.com/)
- [Satori](https://github.com/vercel/satori)
- [Zod](https://zod.dev/)
## 🤝 Contributing
Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.
1. Fork the repository
2. Create your feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request
## 📝 License
Copyright (c) 2025 Y. Siva Sai Krishna
This project is licensed under the GNU Affero General Public License v3.0 (AGPL-3.0) License - see the [LICENSE](LICENSE) file for details.
---
Built by [ysskrishna](https://github.com/ysskrishna)
This project is inspired by and built upon:
- [ogImage.click](https://github.com/weijunext/ogimage-click)
- [imgsrc-app](https://github.com/FadyMak/imgsrc-app)