This repository was archived by the owner on Jun 27, 2023. It is now read-only.

Name		Name	Last commit message	Last commit date
.github		.github
api		api
public		public
src		src
tests		tests
.env.example		.env.example
.eslintrc-auto-import.json		.eslintrc-auto-import.json
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
AUTHORS.md		AUTHORS.md
CHANGELOG.md		CHANGELOG.md
CODE_OF_CONDUCT.md		CODE_OF_CONDUCT.md
LICENSE		LICENSE
README.md		README.md
components.d.ts		components.d.ts
index.html		index.html
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
postcss.config.js		postcss.config.js
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json
vercel.json		vercel.json
vite.config.ts		vite.config.ts

Repository files navigation

Open Graph Image Builder

An experimental Web app project for making social cards with JAMstack + serverless architecture. Built with Vue 3 and Tailwind CSS.

Read about why and how on my blog.

Some ideas for improvements

Separate text position and styling (add better position controls)
Add ability to save and distribute (allow linking to) designs
Implement image rendering with Puppeteer or similar proper backend tool
Add an UI for adding layers
Add possibility of using Markdown instead of HTML
~~Add ability to use plain color backgrounds instead of images~~ (done in 0.2.0)

Elsewhere

Follow @uninen on Twitter
Read my continuously updating learnings from Vite / Vue / TypeScript and other Web development topics from my Today I Learned site

Contributing

Contributions are welcome! Please follow the code of conduct when interacting with others.

About

Vue + Tailwind Open Graph Image Builder

og-image-builder.vercel.app

tailwindcss vercel vue

Code of conduct

6 stars

1 watching

Report repository

Contributors

Languages