Images and videos components - Context aware resizing and cropping, lazy-loading, LQIP, Next-Gen format, compression, CDN.

TwicPics Components

TwicPics components is a library of components to provide context-aware optimization for images and videos. They come with best practices out of the box: lazy loading, Low Quality Image Placeholders, optimized Cumulative Layout Shift (CLS), and more.

Get Started

This project is available as an NPM package: @twicpics/components.


# with yarn
yarn add @twicpics/components

# or with NPM
npm install @twicpics/components

Read the documentation.


This project uses yarn as dependency manager.


Simply type yarn build. Dependencies are installed automatically.