News Dashboard Components Chat

Media

Carousel, QR Code, AspectRatio, ScrollArea, and Resizable.

Carousel

Slide 1

Beautiful gradient background

Slide 2

Warm amber gradient

Slide 3

Cool teal gradient

Slide 4

Purple to blue gradient

QrCode

PhiaUI GitHub

Hex Package

Dev Server

AspectRatio

16:9 (Video)

1:1 (Square)

4:3 (Classic)

ScrollArea

Vertical scroll

List item 1 — scroll to see more content below

List item 2 — scroll to see more content below

List item 3 — scroll to see more content below

List item 4 — scroll to see more content below

List item 5 — scroll to see more content below

List item 6 — scroll to see more content below

List item 7 — scroll to see more content below

List item 8 — scroll to see more content below

List item 9 — scroll to see more content below

List item 10 — scroll to see more content below

List item 11 — scroll to see more content below

List item 12 — scroll to see more content below

List item 13 — scroll to see more content below

List item 14 — scroll to see more content below

List item 15 — scroll to see more content below

List item 16 — scroll to see more content below

List item 17 — scroll to see more content below

List item 18 — scroll to see more content below

List item 19 — scroll to see more content below

List item 20 — scroll to see more content below

Horizontal scroll

Card 1

Card 2

Card 3

Card 4

Card 5

Card 6

Card 7

Card 8

Card 9

Card 10

Resizable

Left panel

Drag handle to resize

Right panel

Main content area

Direction

LTR (Left to Right)

Hello World — left to right text direction

RTL (Right to Left)

مرحبا بالعالم — right to left text direction

Watermark

Content with watermark overlay

Custom rotation and opacity