Ripple

Ripple

Blocks

Blocks

Reeded Glass

Reeded Glass

Shutters

Shutters

Pixel Scan

Pixel Scan

Distortion

Distortion

Burn

Burn

Error

Error

Crack

Crack

Scan

Scan

Ripple

Ripple

Blocks

Blocks

Reeded Glass

Reeded Glass

Shutters

Shutters

Pixel Scan

Pixel Scan

Distortion

Distortion

Burn

Burn

Error

Error

Crack

Crack

Scan

Scan

Blocks

Blocks Icon
Blocks Icon
Blocks Icon

Blocks 将你的作品解构成充满现代感的方块艺术。它以精密网格的形式呈现画面,将作品分解成无数个充满活力的方块,并逐个点亮,最终构建成完整的作品。这种独特的构建过程,不仅适用于高雅、科技、技术等主题,更能为任何类型的作品增添一丝未来感和精致的情感。

Copy Component

属性控制

Column (Number: 0 - 200) 

方块的列数。画面会以基于列数的正方形方块进行填充。

Style: Color (Color)

方块的颜色。

Style: Random (Boolean: Yes/No)

随机着色。启用后会基于 Style: Color 进行随机颜色偏移。

Style: Brightness (Number: 0 - 2) 

方块的亮度。亮度基于 Style: Color 进行变化。

Style: Blur (Number: 0 - 10) 

方块的模糊强度。

Direction (Enum: T/R/B/L/TL/TR/BL/BR/Center/Edge)

方块出现的起点。选项包括上(T)、右(R)、下(B)、左(L)、左上(TL)、右上(TR)、左下(BL)、右下(BR)、中心(Center)、边缘(Edge)。

Blocks
Component
Media

Image

Video

Image

Image

Size

Fill

Column
Style

1.2, 5

Direction
Animate

Appear

Transition

Spring

Variant 1

Blocks
Component
Media

Image

Video

Image

Image

Size

Fill

Column
Style

1.2, 5

Direction
Animate

Appear

Transition

Spring

Variant 1

Blocks
Component
Media

Image

Video

Image

Image

Size

Fill

Column
Style

1.2, 5

Direction
Animate

Appear

Transition

Spring

Variant 1

特性

随心使用你的图片或视频

使用滚动动画来触发效果

使用滚动变换创建交互式体验

使用滚动变换创建交互式体验。

跟随颜色主题切换媒体

兼容 Framer 的过渡控制器

在任意进度停止动画

下一个

Variant 1

Video

by

StefWithAnF

Variant 1

Video

by

StefWithAnF

Reveals cool WebGL Effects Components for Framer.