shadcn-hub
HomeOfficial Components64Live GalleryLive
Design Tools
/
Star on GitHub
shadcn-hub100% Strictly Implemented
Visitor Analytics
|
Site Visitor Counter
Star on GitHubMIT License

Aceternity UI

Visual Aesthetics

Featured

Overview

Components

Visual Cards
4 items
Spotlight Effects
3 items
3D Parallax
Pin
Tracing Blocks
Beam
Aceternity Blocks2 款沉浸式科技区块

光束追踪与背景展台区块库

Aceternity UI 在内容叙事与科技展台中广泛应用的标志性区块,提供长文光线追踪流与全景光束展台。

Block #01: Tracing Beam 垂直光束阅读追踪流

左侧随内容展开垂直延伸的光线路径,每个核心章节自动点亮对应的光束节点。

Content Narrative
PHASE 01

Design Tokens 标准化与原子规范抽离

在设计之初确立色彩坡度、圆角曲线(2xl / 3xl)与排版比例尺,为后续复杂组件开发奠定严格统一的工程基石。

PHASE 02

注入细腻物理微交互与阻尼衰减

通过 Spring 物理弹簧模型与贝塞尔过渡,让卡片悬停、弹窗展开和标签切换均具备物理实物的自然质感。

PHASE 03

生产级静态构建与极致性能调优

消除运行时计算损耗,将复杂的粒子与动效全部交给 GPU 硬件加速管线,保证 100% 静态化预渲染。

Block #02: Background Beams 光束科技首屏展台

斜切交织的光束背景为企业级控制台、开发者发布会或重大功能上线提供高阶主视觉。

Showcase Hero
Background Beams Active

连接全球智慧的神经中枢

Aceternity 背景光束系统通过微妙的线性渐变与暗色网格交织,让每一场新版本发布都震撼人心。