• og-image

  19 3,977 3.6 TypeScript

  Discontinued Open Graph Image as a Service - generate cards for Twitter, Facebook, Slack, etc

  

Now here's the thing since these are part of the meta tags, and The image shown in the tags are ... well! images, making them dynamic is a bit tricky. generating images isn't a menial task that just every web server can do ... it's resource intensive, time-consuming and all the other nightmares. and making it part of your dynamic web app is another ball game altogether. So what's new? well, @vercel/og is, this library lets you build image content from HTML/React that too insanely fast, like really fast . and you can pair this with any edge network like AWS Lambda on the edge, Cloudflare workers, etc to make it even faster.

• satori

  36 10,117 7.0 TypeScript

  Enlightened library to convert HTML and CSS to SVG

  

and since the library uses Satori under the hood, it can run in virtually any environment [modern browsers, Node.js (any node compatible runtime), and Web Workers ] using webassembly.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• vercel

  479 12,144 9.8 TypeScript

  Develop. Preview. Ship.

  

import type { GetServerSideProps, InferGetServerSidePropsType, NextPage } from 'next' import Head from 'next/head' import Image from 'next/image' import { useRouter } from 'next/router' import styles from '../styles/Home.module.css' export const getServerSideProps: GetServerSideProps = async (context) => { return { props:{ title: context.query?.title??' Mate' } } } const Home: NextPage = ({title}:InferGetServerSidePropsType) => { return (

Hello There! {title}

Welcome to Next.js!

Get started by editing{' '} pages/index.tsx

Documentation →

Find in-depth information about Next.js features and API.

Learn →

Learn about Next.js in an interactive course with quizzes!

Examples →

Discover and deploy boilerplate example Next.js projects.

Deploy →

Instantly deploy your Next.js site to a public URL with Vercel.

Powered by{' '}

) } export default Home

• Next.js

  2,041 120,572 10.0 JavaScript

  The React Framework

  

import type { GetServerSideProps, InferGetServerSidePropsType, NextPage } from 'next' import Head from 'next/head' import Image from 'next/image' import { useRouter } from 'next/router' import styles from '../styles/Home.module.css' export const getServerSideProps: GetServerSideProps = async (context) => { return { props:{ title: context.query?.title??' Mate' } } } const Home: NextPage = ({title}:InferGetServerSidePropsType) => { return (

Hello There! {title}

Welcome to Next.js!

Get started by editing{' '} pages/index.tsx

Documentation →

Find in-depth information about Next.js features and API.

Learn →

Learn about Next.js in an interactive course with quizzes!

Examples →

Discover and deploy boilerplate example Next.js projects.

Deploy →

Instantly deploy your Next.js site to a public URL with Vercel.

Powered by{' '}

) } export default Home

• Tailwind CSS

  1,279 78,370 9.4 TypeScript

  A utility-first CSS framework for rapid UI development.

  

For those utility-first folks out there it supports Tailwind as well.

• next-dynamic-og-image

  3 1 10.0 TypeScript

• opengraph

  164 224 0.0 Python

  A python module to parse the Open Graph Protocol

Look at the Open Graph protocol for more details.

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

Suggest a related project