components-cover

A web component library that brings the power of TwicPics to your favorite web framework.

Overview

What is TwicPics?

TwicPics is a Responsive Image Service Solution (SaaS) that enables on-demand responsive image generation.

With TwicPics, developers only deal with high-resolution versions of their media while end-users receive optimized, perfectly sized, device-adapted versions delivered from a server close to them.

TwicPics acts as an image proxy. It requests your master image, be it on your own web server, cloud storage or DAM, then generates a device-adapted version with best-in-class compression, delivered directly to the end-user from the closest delivery point available.

What are TwicPics Components?

TwicPics Components are a collection of web components that make it dead easy to unleash the power of TwicPics in your own projects.

Basically, TwicPics components replace <img> and <video> tags. They greatly and transparently optimize your CLS by providing LQIP (Low-Quality Image Placeholders) and Lazy Loading out of the box.

<!-- a classical img usage -->
<img src="https://assets.twicpics.com/examples/football.jpg" />
<!-- a TwicPics img component usage -->
<TwicImg src="https://assets.twicpics.com/examples/football.jpg" />

Supported frameworks

  • Angular
  • React, Gatsby and Next.js
  • Svelte (version 3)
  • Vue.js (version 2), Vue.js (version 3), Nuxt.js (version 2) and Nuxt.js (version 3)
  • Web Components

Online demonstrations

Regardless of the framework you work with, TwicPics is the most efficient solution to deliver your images and your videos and make them as responsive as desired.

Explore our demos and integration examples for :

Questions and feedback

Fell free to submit an issue or to ask us anything by dropping a message in the chat.

responsive images

The All-In-One Toolbox For Your Images

The simplest, most powerful way to tackle responsive images