Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/akshitkrnagpal/open-placeholder
Self Hosted Placeholder Image Generator
https://github.com/akshitkrnagpal/open-placeholder
edge-functions nextjs placeholder vercel
Last synced: 3 months ago
JSON representation
Self Hosted Placeholder Image Generator
- Host: GitHub
- URL: https://github.com/akshitkrnagpal/open-placeholder
- Owner: akshitkrnagpal
- License: mit
- Created: 2023-04-21T13:34:31.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-11-07T22:03:28.000Z (about 1 year ago)
- Last Synced: 2024-06-12T03:01:07.315Z (5 months ago)
- Topics: edge-functions, nextjs, placeholder, vercel
- Language: TypeScript
- Homepage: https://open-placeholder.vercel.app
- Size: 806 KB
- Stars: 3
- Watchers: 3
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
Open Placeholder
Open Placeholder is a web application that allows you to generate placeholder images dynamically. It's built using modern web technologies to provide an easy and efficient way to create image placeholders for your projects.
## Built With
- [Next.js](https://nextjs.org/?ref=https://github.com/akshitkrnagpal/open-placeholder)
- [React.js](https://reactjs.org/?ref=https://github.com/akshitkrnagpal/open-placeholder)
- [Tailwind CSS](https://tailwindcss.com/?ref=https://github.com/akshitkrnagpal/open-placeholder)
- [@vercel/og](https://www.npmjs.com/package/@vercel/og?ref=https://github.com/akshitkrnagpal/open-placeholder)
## Deploy Your Own
You can deploy your own version of the Open Placeholder to Vercel with one click:
[](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fakshitkrnagpal%2Fopen-placeholder)
## Usage
### Sizes
To generate image of width 600 and height 400.
```
https://open-placeholder.vercel.app/600x400
```
To generate image of width 512 and height 512
```
https://open-placeholder.vercel.app/512
```
## Inspired by
The project is inspired by [placehold.co](https://placehold.co/)