A web component library that brings the power of TwicPics to your favorite web framework.
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?
Basically, TwicPics components replace
<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" />
- 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
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.