Og:Image as a Service
Create templates with React.js and Vue.js. Upload your amazingly crafted flayyers to our cloud and use them to render thousand of images.
import React from "react"import { TemplateProps } from "@flayyer/flayyer-types";import clsx from "clsx";
import "../styles/tailwind.css";import logo from "../static/logo.svg";
// https://flayyer.io/v2/flayyer/flayyer-landing-demo/main.jpeg?title=Create+more+engagementtype Variables = { title: string, img?: string };
export default function MainTemplate({ agent, variables }: TemplateProps<Variables>) { const { title, img = "https://images.unsplash.com/photo-1601933552240-d6b9e8e01cdc?w=1200" } = variables; if (agent.name === FlayyerAgentName.WHATSAPP) { return ( <Layer className="bg-gray-800 p-20"> <img src={logo} className="w-full h-full" /> </Layer> ); } return ( <div> <Layer> <img className="w-full h-full object-cover object-bottom" src={img} /> </Layer> <Layer className="bg-gradient-to-r from-gray-900 opacity-70 mr-96" /> <Layer className="flex flex-col justify-center items-start px-12 py-12 w-1/2"> <img src={logo} className="w-24 h-24" /> <h1 className="text-8xl text-white tracking-tight font-semibold"> {title} </h1> </Layer> </div> );}
function Layer({ className, ...props }: React.ComponentProps<"div">) { return <div {...props} className={clsx("absolute inset-0", className)} />;}
JavaScript
Use our universal URL formatter @flayyer/flayyer-js to integrate with any framework.
Express.js
Any Connect.js or Fastify framework can be integrated. Every view engine is supported too.
Next.js
Flayyer was heavily inspired by this framework, even this site is built with Next.js
Python
We created a pip package flayyer so you don't have to deal with URL encoding. Framework agnostic.
Django
I have been using this framework for many years. I personally crafted a guide and example for Django lovers.
Ruby
Our official gem flayyer is available and ready to be installed. Framework agnostic.
Ruby on Rails
Superpower your Rails app with Flayyer. We are building a gem to make this more automatic.
PHP
Many people asked for a Wordpress plugin so we created this agnostic PHP library with Composer: flayyer/flayyer
Wordpress
For your blog, e-commerce, portafolio, or any type of website you have! Checkout flayyer/flayyer-wp
Developer Experience with zero configuration
Developer Experience with zero configuration
We strongly believe in providing the best developer tools to help you maximize productivity.
- 1
Start a project with create-flayyer-app and pick React, Vue, Typescript, Tailwind, Bootstrap or any setup you like
- 2
Develop your templates locally with flayyer-studio available at flayyer.github.io/flayyer-studio
- 3
Upload them to Flayyer with @flayyer/cli and use our libraries to format dynamic URLs
Automatic deploys with GitHub Actions
Automatic deploys with GitHub Actions
Automate your workflow with GitHub Actions in less than 5 minutes
Setup nowGlobally distributed service with edge technology
Globally distributed service with edge technology
Ensures the best experience for users by delivering fast responses when a link is shared thanks to our global caching system.



Templates created
342+Images delivered
21.7K+Data served
18GB+Availability
99.95%Pricing
Simplified pricing, for any company size
Every plan comes with renewable credits, access to our dashboard and the ability to create as many project as you wish. Every incoming feature is included.
Hobby
For small project with few amount of pages to share
5.000 images/mo
Unlimited projects
1 seat
Analytics
Fake-news protection via signed URLs
Pro
For growing startups and business wanting to go viral. Does your website has many pages? This is your plan.
60.000 images/mo
Unlimited projects
5 seats
Everything in Hobby
Full HD images
Up to 5000ms rendering time
Viral alerts
Scale
For growing startups and business wanting to go viral
320.000 images/mo
Unlimited projects
Unlimited seats
Everything in Pro
$0 — Free tier
Not sure yet? Start with 300 monthly renewable images and 1 seat, then move to the next tier when your site gains more traction. No credit card required.
Enterprise plans with premium support
Enterprise plans with premium support
Custom solutions, dedicated servers, on-premise installation, and design/development services.
Priority service
If you are dealing with high traffic or you just don't want to worry about quotas, this plan might be for you. We also include dedicated service for additional security and faster delivery times.
What can be included
Unlimited images
Dedicated servers
Design and engineering consulting
Improved speed, security and privacy
On-premise setup
Shared Slack channel with the founding team
90% of companies neglect their previews
Businesses spend thousands of dollars on advertisements but people keep ignoring them.
When users share your links, there is a higher chance of getting clicks. Don't miss that opportunity!!





