Just launched!

Tango - Automatically create how-to guides with screenshots | Product Hunt
Flyyer

Simple Fade

Article

ClearImage

Transparent is recommended

ClearImage

Background image

ClearTitle
ClearDescription
ClearDate

Published date

ClearNumber

Control intensity

ClearFont
ClearBoolean

Enable for non-transparent logo

ClearFont
400x400
1200x630
1080x1080
1080x1920

Article-Colored

ClearImage

Transparent is recommended

ClearText

Same as CSS

ClearColor

Tint color

ClearImage

Background image

ClearTitle
ClearDescription
ClearDate

Published date

ClearNumber

Control intensity

ClearFont
ClearBoolean

Enable for non-transparent logo

ClearFont
400x400
1200x630
1080x1080
1080x1920

Article-Dark

ClearImage

Transparent is recommended

ClearImage

Background image

ClearTitle
ClearDescription
ClearDate

Published date

ClearNumber

Control intensity

ClearFont
ClearBoolean

Enable for non-transparent logo

ClearFont
400x400
1200x630
1080x1080
1080x1920

Description

Ideal for news or blogposts with a featured image.

Automatically centers the image base on the point of interest and has 3 possible color schemes: dark, light and colored (you can customize the tint color).

Credits to Photo by Lhairton Kelvin Costa from Pexels Credits to Photo by Monica Turlui from Pexels Credits to Photo by Aleksandar Pasaric from Pexels Credits to Photo by Calbert Warner from Pexels Credits to Photo by Pixabay from Pexels

Free

  • Included: Quality checked by Flyyer
  • Included: Future updates
Supported formats
  • Thumbnail
  • Banner
  • Square
  • Story
  • Free form
Author
flyyer's profile image
flyyer

Create public and private templates today.

Use your favorite web technologies such as React, Vue and Tailwind to create templates for your own projects or share them with the community.

Read the docsCreate account
$ npm init flyyer-app@latest hello


  ? Select template setup:
  react
  react-styled-components
  react-typescript-styled-components
  react-typescript-tailwind
  vue
  vue-typescript


$ NODE_ENV=production npm run-script build
  🌠  flyyer project successfully built!


$ npm run-script deploy
  🖼  Created template with URL:
  - https://cdn.flyyer.io/render/v2/flyyer/hello/main.png?title=Hello+World