Wallpaperz
A modern, open-source wallpaper discovery and sharing platform built with Next.js, with ai image generation
Install / Use
/learn @StarKnightt/WallpaperzREADME
Wallpaperz 🖼️
<p align="center"> <img src="https://img.shields.io/github/stars/StarKnightt/wallpaperz?style=social" alt="GitHub stars"> <img src="https://img.shields.io/badge/License-MIT-blue.svg" alt="License"> <img src="https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat" alt="Contributions welcome"> </p>A beautiful, open-source wallpaper platform built with Next.js. Find and create stunning wallpapers for your devices!
✨ Features
- 🖼️ Browse high-quality wallpapers
- 🔍 Easy search and filtering
- 🌓 Light and dark mode
- 🤖 AI-powered wallpaper generation
- 📱 Fully responsive design
- 💾 Save your favorite wallpapers locally
🚀 Demo
Check out the live demo: wallpaperz.in
🛠️ Built With
- Next.js - React framework
- TypeScript - Type safety
- Tailwind CSS - Styling
- Framer Motion - Animations
- Clerk - Authentication
- ImageKit - Image storage
- Stability AI - AI image generation
🏁 Getting Started
Prerequisites
- Node.js 18 or newer
- npm or yarn
Installation
-
Clone the repo
git clone https://github.com/StarKnightt/wallpaperz.git cd wallpaperz -
Install packages
npm install # or yarn -
Set up environment variables
cp env.example.txt .env.localThen fill in your API keys in the
.env.localfile (seeenv.example.txtfor required variables). -
Start the development server
npm run dev # or yarn dev -
Open http://localhost:3000 in your browser.
📸 Screenshots
<details> <summary>Click to see screenshots</summary> <br> <p align="center"> <img src="https://ik.imagekit.io/starknight/screenshots/home.png" alt="Home page" width="80%"> <img src="https://ik.imagekit.io/starknight/screenshots/ai-generate.png" alt="AI Generate page" width="80%"> </p> </details>🤝 Contributing
Contributions are welcome! Feel free to:
- Fork the project
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
📄 License
This project is licensed under the MIT License - see the LICENSE file for details.
<!-- ## ☕ Support If you find this project helpful, consider buying me a coffee! <a href="https://buymeacoffee.com/prasen" target="_blank"> <img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" height="50"> </a> -->📬 Contact
Prasen - prasen.dev
Project Link: https://github.com/StarKnightt/wallpaperz
Related Skills
docs-writer
99.5k`docs-writer` skill instructions As an expert technical writer and editor for the Gemini CLI project, you produce accurate, clear, and consistent documentation. When asked to write, edit, or revie
model-usage
341.6kUse CodexBar CLI local cost usage to summarize per-model usage for Codex or Claude, including the current (most recent) model or a full model breakdown. Trigger when asked for model-level usage/cost data from codexbar, or when you need a scriptable per-model summary from codexbar cost JSON.
FastGPT
27.6kFastGPT is a knowledge-based platform built on the LLMs, offers a comprehensive suite of out-of-the-box capabilities such as data processing, RAG retrieval, and visual AI workflow orchestration, letting you easily develop and deploy complex question-answering systems without the need for extensive setup or configuration.
project-overview
FlightPHP Skeleton Project Instructions This document provides guidelines and best practices for structuring and developing a project using the FlightPHP framework. Instructions for AI Coding A
