🎨 All Interactive Demos

Explore comprehensive examples of all Assets.so API capabilities

Open Graph Images

Generate dynamic social media preview images with various templates and customization options.

Blog Template Variations

Tech Blog Post

Blog post with tech content and tags

Blog Template
template=blog&title=10 JavaScript Tips...

Design Article

Blog post with design focus

Design Blog
template=blog&title=The Art of Minimalist...

Tutorial Post

Step-by-step tutorial blog post

Tutorial Blog
template=blog&title=Building Your First...

Modern Card Variations

Product Launch

Modern card for product announcements

Product Launch
template=modern&title=Introducing Assets.so 2.0...

Company Update

Corporate announcement card

Company Update
template=modern&title=We're Hiring!...

Feature Highlight

Showcasing new features

Feature Highlight
template=modern&title=Smart Image...

Event Template Variations

Tech Conference

Professional conference announcement

Tech Conference
template=event&title=DevConf 2024...

Webinar

Online webinar invitation

Webinar
template=event&title=Mastering Cloud...

Workshop

Hands-on workshop event

Workshop
template=event&title=React Workshop...

Gradient Background Variations

Purple Gradient

Eye-catching purple to pink gradient

Purple Gradient
template=gradient&gradient=linear-gradient...

Sunset Gradient

Warm sunset colors

Sunset Gradient
template=gradient&text=Sunset Vibes...

Ocean Gradient

Cool ocean blue tones

Ocean Gradient
template=gradient&text=Ocean Dreams...

Product Template Variations

Tech Product

Electronics product showcase

Tech Product
template=product&title=Wireless Headphones...

Course Product

Online course offering

Course Product
template=product&title=Complete Web Dev...

Software Product

SaaS product offering

Software Product
template=product&title=Pro Analytics...

Custom Styling Options

Custom Colors

Custom background and text colors

Custom Colors
template=blank&backgroundColor=%23FF6B6B...

Large Typography

Extra large font size

Large Typography
template=blank&fontSize=120...

Dark Mode

Dark theme styling

Dark Mode
template=modern&darkMode=true...

QR Codes

Generate QR codes for various data types with customizable styles.

URL QR Codes

Website URL

Standard website QR code

Website QR
type=url&url=https://assets.so

Colored QR

QR with custom colors

Colored QR
type=url&url=https://github.com&color=%23FF6B6B...

Large QR

High resolution QR code

Large QR
type=url&url=https://dev.me&size=500

Contact QR Codes

Email QR

Direct email composition

Email QR
type=email&to=hello@assets.so...

Phone QR

Direct phone dialing

Phone QR
type=tel&data=+1234567890

SMS QR

Pre-filled SMS message

SMS QR
type=sms&phone=+1234567890...

WiFi QR Codes

WPA2 Network

Secure WiFi connection

WiFi WPA2
type=wifi&security=WPA2...

Open Network

Public WiFi access

Open WiFi
type=wifi&security=nopass...

Hidden Network

Hidden SSID network

Hidden WiFi
type=wifi&hidden=true...

Location QR Codes

Map Location

GPS coordinates

Map Location
type=location&lat=37.7749&lng=-122.4194

vCard Contact

Full contact card

vCard
type=vcard&firstName=John...

Calendar Event

Event invitation

Calendar Event
type=event&title=Team Meeting...

Placeholder Images

Generate placeholder images with customizable text, colors, and shapes.

Basic Placeholders

Default Placeholder

Standard gray placeholder

Default Placeholder
w=400&h=300

Custom Text

Placeholder with custom text

Custom Text
text=Loading Image...

Custom Colors

Custom background and text colors

Custom Colors
bg=%23667eea&tc=%23ffffff

Shapes and Styles

Circle Shape

Circular placeholder

Circle Shape
shape=circle&bg=%23ff6b6b

Hexagon Shape

Hexagonal placeholder

Hexagon Shape
shape=hexagon&bg=%2328a745

Star Shape

Star-shaped placeholder

Star Shape
shape=star&bg=%23ffd93d

Gradients and Patterns

Gradient Background

Linear gradient placeholder

Gradient Background
gradientFrom=%23667eea&gradientTo=%23764ba2

Dot Pattern

Placeholder with dot pattern

Dot Pattern
pattern=dots&bg=%23f8f9fa

Grid Pattern

Grid overlay pattern

Grid Pattern
pattern=grid&bg=%23e9ecef

Icons and Emojis

Emoji Icon

Placeholder with emoji

Emoji Icon
icon=📷&iconSize=100

User Avatar

Avatar placeholder

User Avatar
shape=circle&icon=👤...

Product Icon

Product placeholder

Product Icon
icon=📦&subtitle=Coming Soon

Image Transformations

Apply various transformations to images including resize, crop, filters, and effects.

Resizing Options

Resize to Width

Maintain aspect ratio

Resize Width
w=400 (maintains aspect ratio)

Square Crop

Center crop to square

Square Crop
w=300&h=300&fit=cover

Contain Fit

Fit within dimensions

Contain Fit
w=400&h=200&fit=contain

Filter Effects

Blur Effect

Gaussian blur filter

Blur Effect
blur=10

Grayscale

Convert to grayscale

Grayscale
grayscale=true

Sharpen

Enhance sharpness

Sharpen
sharpen=5

Color Adjustments

Brightness

Increase brightness

Brightness
brightness=1.5

Contrast

Enhance contrast

Contrast
contrast=1.3

Saturation

Boost colors

Saturation
saturation=2

Transformations

Rotate

Rotate 90 degrees

Rotate
rotate=90

Flip Horizontal

Mirror horizontally

Flip
flip=true

Rounded Corners

Add rounded corners

Rounded
cornerRadius=20

Format Conversions

WebP Format

Convert to WebP

WebP
fm=webp&q=85

AVIF Format

Modern AVIF format

AVIF
fm=avif&q=80

Progressive JPEG

Progressive loading

Progressive
fm=jpeg&progressive=true
URL copied to clipboard!