🌆 Modern Background Snippets

Supercharge your website with modern background snippets. This app provides a collection of backgrounds that you can use for your website.

📦 Requirements

First, install Next.js with Tailwind CSS:

bunx create-next-app@latest -e with-tailwindcss

Then install shadcn-ui, and pick your favorite theme, or generate a new one:

bunx shadcn-ui@latest init

Lastly, install next-themes:

bun add next-themes

🚀 Usage

Visit the live app here. Then click on the snippet you like to copy the code. You can also change the theme of the app to play around with the backgrounds.

🚦 To Do

• Add CSS variables
• Add CI/CD pipeline
• Add more snippets

📝 Contribute

Feel free to contribute to this project. For more information, check the CONTRIBUTING.md file.

Disclaimer

This app is an improved version of bg.ibelick. I added CSS variables and next-themes to make it more dynamic and developer-friendly.

The project uses Next.js, TailwindCSS, shadcn-ui, and Typescript.