# Component Library | Talizen UI

> Explore Talizen UI components — effects, hero sections, and feature blocks with live previews and copyable prompts.

[![Talizen](https://talizen.com/whiteLogo1.svg)](http://www.talizen.com/) [Home](http://www.talizen.com/) [Prompt Library](https://promptlib.talizen.com/) [Component Library](https://componentlib.talizen.com/)

Browse reusable UI blocks

# Component Library

Explore curated effects, hero sections, and feature blocks — preview, copy prompts, and build faster with Talizen.

## All Components

Search

All Components14effects08hero06features00

![Liquid Ether](https://ugc.talizen.com/_assets/site/2056626501679321088/1779265107846__liquidether.gif)

Copy promptPreview

effects

### Liquid Ether

Fluid WebGL backdrop with glossy color fields and cursor-driven distortion—ideal for heroes and immersive sections.

![Prism](https://ugc.talizen.com/_assets/site/2056626501679321088/1779265515256__prism.gif)

Copy promptPreview

effects

### Prism

Prism backdrop with refraction and rotation—great for tech brands and hero key art.

![Dark Veil](https://ugc.talizen.com/_assets/site/2056626501679321088/1779265563701__darkveil.gif)

Copy promptPreview

effects

### Dark Veil

Dark procedural veil with noise, scanlines, and soft distortion.

![Light Pillar](https://ugc.talizen.com/_assets/site/2056626501679321088/1779265633519__lightpillar.gif)

Copy promptPreview

effects

### Light Pillar

Vertical light pillars with volumetric motion—ideal for polished product showcases.

![Grainient](https://ugc.talizen.com/_assets/site/2056626501679321088/1779265736883__image.png?w=3072&fmt=webp)

Copy promptPreview

effects

### Grainient

Animated grainy gradient that adds flowing color and fine texture across large layouts.

![Lightning](https://ugc.talizen.com/_assets/site/2056626501679321088/1779266204667__lightning.gif)

Copy promptPreview

effects

### Lightning

High-speed lightning WebGL backdrop for energy, launches, and interactive visuals.

![Prismatic Burst](https://ugc.talizen.com/_assets/site/2056626501679321088/1779266041214__image.png?w=3072&fmt=webp)

Copy promptPreview

effects

### Prismatic Burst

Radial spectral burst with layered rays and shards of prismatic motion.

![Dither](https://ugc.talizen.com/_assets/site/2056626501679321088/1779266085261__image.png?w=3072&fmt=webp)

Copy promptPreview

effects

### Dither

Pixel-dither wave background—great for retro, technical, and editorial visuals.

![Hero · Laser Flow](https://ugc.talizen.com/_assets/site/2056626501679321088/1779181105686__image.png?w=3072&fmt=webp)

Copy promptPreview

hero

### Hero · Laser Flow

Laser-flow hero with Three.js light beams and a dashboard-style layout.

![Hero · Gradient Blinds](https://ugc.talizen.com/_assets/site/2056626501679321088/1779181089382__image.png?w=3072&fmt=webp)

Copy promptPreview

hero

### Hero · Gradient Blinds

Gradient venetian-blinds backdrop with a headline and four-up feature grid.

![Hero · Globe](https://ugc.talizen.com/_assets/site/2056626501679321088/1779181071129__image.png?w=3072&fmt=webp)

Copy promptPreview

hero

### Hero · Globe

Globe hero with a COBE sphere and split-word headline animation.

![Hero · 03](https://ugc.talizen.com/_assets/site/2056626501679321088/1779181053803__image.png?w=3072&fmt=webp)

Copy promptPreview

hero

### Hero · 03

Minimal nav and centered headline for product-launch heroes.

![Hero · 02](https://ugc.talizen.com/_assets/site/2056626501679321088/1779181035873__image.png?w=3072&fmt=webp)

Copy promptPreview

hero

### Hero · 02

Dark product hero with a particle canvas and two-column layout.

![Hero · 01](https://ugc.talizen.com/_assets/site/2056626501679321088/1779181010449__image.png?w=3072&fmt=webp)

Copy promptPreview

hero

### Hero · 01

Tech hero with a Three.js particle field and brand CTAs.

All items shown

> 全站页面清单：[/llms.txt](/llms.txt)