Turbo UI
Full width blocks
Inner blocks
Text
Image
List
Icon
Icon group
Alert
Breadcrumbs
Button group
Table
Pagination
Separator
Layouts
CSS Elems

Image

<img class="t1 w-160 mx-auto" src="/assets/noah-buscher-1116164-unsplash.jpg?o1-cache=1" alt="Girl with watermelon">
<img class="t1 w-160 h-160 object-center object-cover mx-auto" src="/assets/noah-buscher-1116164-unsplash.jpg?o1-cache=1" alt="Girl with watermelon">
<img class="t1 w-160 h-160 object-center object-cover rounded-8 mx-auto" src="/assets/noah-buscher-1116164-unsplash.jpg?o1-cache=1" alt="Girl with watermelon">
<img class="t1 w-160 h-160 object-center object-cover rounded-full mx-auto" src="/assets/noah-buscher-1116164-unsplash.jpg?o1-cache=1" alt="Girl with watermelon">
<img class="t1 w-160 h-160 object-center object-cover shadow-8-80 mx-auto" src="/assets/noah-buscher-1116164-unsplash.jpg?o1-cache=1" alt="Girl with watermelon">
<div class="t1 flex align-items-center"> <img class="t1 w-160 h-160 object-center object-cover b-2-black bg-c-gray-100" src="/assets/noah-buscher-1116164-unsplash.jpg?o1-cache=1" alt="Girl with watermelon"> <span class="t1 ml-16">cover</span> </div> <div class="t1 flex align-items-center mt-16"> <img class="t1 w-160 h-160 object-center object-contain b-2-black bg-c-gray-100" src="/assets/noah-buscher-1116164-unsplash.jpg?o1-cache=1" alt="Girl with watermelon"> <span class="t1 ml-16">contain</span> </div>
<div class="t1 flex flex-center"> <a class="t1 hover:opacity-50" href="#"> <img class="t1 w-160" src="/assets/noah-buscher-1116164-unsplash.jpg?o1-cache=1" alt="Girl with watermelon"> </a> </div>
<img class="t1 w-160 h-160 object-center object-cover p-3 b-1-gray-200 rounded-3 mx-auto" src="/assets/noah-buscher-1116164-unsplash.jpg?o1-cache=1" alt="Girl with watermelon">
<div class="t1 t1-start flex flex-center"> <figure class="t1 flex flex-col"> <img class="t1 w-240 h-240 object-cover" src="/assets/noah-buscher-1116164-unsplash.jpg?o1-cache=1" alt="Girl with watermelon"> <figcaption class="t1 color-gray-500 text-center font-14 mt-4">Caption for the image</figcaption> </figure> </div>
<div class="t1 t1-start flex flex-center"> <figure class="t1 relative"> <img class="t1 w-240 h-240 object-cover" src="/assets/noah-buscher-1116164-unsplash.jpg?o1-cache=1" alt="Girl with watermelon"> <figcaption class="t1 absolute bottom-0 left-0 right-0 color-white font-14 bg-c-black-60 text-center px-8 py-2">Caption for the image</figcaption> </figure> </div>
<div class="t1 w-full pt-66.666% relative"> <img class="t1 absolute inset-0 w-full h-full object-center object-cover" src="/assets/noah-buscher-1116164-unsplash.jpg?o1-cache=1" alt="Girl with watermelon"> </div>