Aglaia 阿格莱亚

Log in Sign up 中文

Effects

Cards are static by default — hover (or tap) to play, move away to reset. Open one for a live sandbox with parameter sliders, code in three flavors, and a matching prompt.

收费吗？−

核心资源库永久免费。

要注册吗？+

Hover to make it move Accordion Static preview

数字自己滚到位

Hover to make it move Animated Counter Interactive preview

animated counter css

Hover to make it move Avatar Stack Static preview

avatar stack css

按下去平的

Hover to make it move Button Press Feel Static preview

button press feel css

卡片轻轻抬起来

Hover to make it move Card Hover Lift Static preview

card hover lift css

Hover to make it move Custom Checkbox Static preview

custom checkbox css

Hover to make it move Custom Range Slider Static preview

custom range slider css

Hover to make it move Custom Toggle Static preview

custom toggle css

Hover to make it move Dot Grid Background Static preview

dot grid background css

Hover to make it move Dropdown Menu Static preview

dropdown menu css

Hover to make it move Entrance Motion Interactive preview

entrance motion css

普通被 Tab 选中

Hover to make it move Focus Ring Static preview

磨砂玻璃浮在画面上

Hover to make it move Glassmorphism Interactive preview

光沿着边框走一圈

Hover to make it move Gradient Border Interactive preview

gradient border css

网格线背景

Hover to make it move Grid Lines Background Static preview

grid lines background css

Hover to make it move Image Hover Zoom Static preview

image hover zoom css

设计令牌·玻璃拟态·费茨定律·设计令牌·玻璃拟态·费茨定律·

Hover to make it move Seamless Marquee Interactive preview

seamless marquee css

Hover to make it move Mesh Gradient Interactive preview

mesh gradient css

从背景里压出的浮雕

Hover to make it move Neumorphism Interactive preview

Hover to make it move Noise Texture Static preview

noise texture css

Hover to make it move Progress Ring Static preview

progress ring css

呼吸徽标 · 正在直播

Hover to make it move Pulsing Badge Static preview

pulsing badge css

Hover to make it move Shimmer Skeleton Interactive preview

shimmer skeleton css

概览数据设置

Hover to make it move Sliding Tabs Static preview

sliding tabs css

聚光灯卡片

光晕跟着鼠标走

Hover to make it move Spotlight Card Interactive preview

spotlight card css

Hover to make it move Steps Indicator Static preview

steps indicator css

Hover to make it move Striped Progress Static preview

striped progress css

Hover to make it move Text Shimmer Static preview

text shimmer css

3D 倾斜卡片

像拿在手里一样转

Hover to make it move 3D Tilt Card Interactive preview

3d tilt card css

把鼠标放上来这就是气泡提示

Hover to make it move Tooltip Static preview