---
title: "Components"
description: "Components"
type: "docs"
category: "doc"
tags: []
authors: [Anonymous]
date: "2026-09-09"
last_update: "2026-09-09"
time_minutes: 1
draft: false
unlisted: false
url: "https://www.derafu.dev/docs/ui/twig/components"
---

# Components

A collection of UI components for building easily web interfaces.


## Pages in this section

- [Accordion](https://www.derafu.dev/docs/ui/twig/components/block-accordion)
- [Alert](https://www.derafu.dev/docs/ui/twig/components/block-alert)
- [Box](https://www.derafu.dev/docs/ui/twig/components/block-box)
- [Boxes](https://www.derafu.dev/docs/ui/twig/components/block-boxes)
- [Card Grid](https://www.derafu.dev/docs/ui/twig/components/block-card-grid)
- [Card](https://www.derafu.dev/docs/ui/twig/components/block-card)
- [Comparison](https://www.derafu.dev/docs/ui/twig/components/block-comparison)
- [CTA](https://www.derafu.dev/docs/ui/twig/components/block-cta)
- [Features Grid](https://www.derafu.dev/docs/ui/twig/components/block-features-grid)
- [Features Icon](https://www.derafu.dev/docs/ui/twig/components/block-features-icon)
- [Features List](https://www.derafu.dev/docs/ui/twig/components/block-features-list)
- [Features Table](https://www.derafu.dev/docs/ui/twig/components/block-features-table)
- [Footer](https://www.derafu.dev/docs/ui/twig/components/block-footer)
- [Gallery](https://www.derafu.dev/docs/ui/twig/components/block-gallery)
- [Grid](https://www.derafu.dev/docs/ui/twig/components/block-grid)
- [Header](https://www.derafu.dev/docs/ui/twig/components/block-header)
- [Hero](https://www.derafu.dev/docs/ui/twig/components/block-hero)
- [Image Grid](https://www.derafu.dev/docs/ui/twig/components/block-image-grid)
- [Image](https://www.derafu.dev/docs/ui/twig/components/block-image)
- [Media List](https://www.derafu.dev/docs/ui/twig/components/block-media-list)
- [Modal](https://www.derafu.dev/docs/ui/twig/components/block-modal)
- [Offcanvas](https://www.derafu.dev/docs/ui/twig/components/block-offcanvas)
- [Quote](https://www.derafu.dev/docs/ui/twig/components/block-quote)
- [Scrollspy](https://www.derafu.dev/docs/ui/twig/components/block-scrollspy)
- [Stats](https://www.derafu.dev/docs/ui/twig/components/block-stats)
- [Steps](https://www.derafu.dev/docs/ui/twig/components/block-steps)
- [Table](https://www.derafu.dev/docs/ui/twig/components/block-table)
- [Tabs](https://www.derafu.dev/docs/ui/twig/components/block-tabs)
- [Team](https://www.derafu.dev/docs/ui/twig/components/block-team)
- [Testimonials](https://www.derafu.dev/docs/ui/twig/components/block-testimonials)
- [Text Image](https://www.derafu.dev/docs/ui/twig/components/block-text-image)
- [Text Video](https://www.derafu.dev/docs/ui/twig/components/block-text-video)
- [Timeline](https://www.derafu.dev/docs/ui/twig/components/block-timeline)
- [Title](https://www.derafu.dev/docs/ui/twig/components/block-title)
- [Toast](https://www.derafu.dev/docs/ui/twig/components/block-toast)
- [Video Grid](https://www.derafu.dev/docs/ui/twig/components/block-video-grid)
- [Video](https://www.derafu.dev/docs/ui/twig/components/block-video)

---
Last updated on 09/09/2026