Radiant effects for your sites.

New effects arrive

Stunning cinematic effects for

New effects arrive

Stunning cinematic effects for

Radiant effects

for your sites.

Radiant

effects

for your

sites.

Radiant effects for your sites.

Shutters

New

Open Framer

Reeded Glass

New

Reeded Glass

New

Reeded Glass

New

Open Framer

Pixel Scan

New

Pixel Scan

New

Pixel Scan

New

Open Framer

Distortion

Open Framer

Crack

Open Framer

Error

Open Framer

Burn

Open Framer

Scan

Open Framer

More effects coming soon, subscribe to notifications to stay up to date!

FAQ

What is Revels?

Revels is a series of effect components designed for Framer. These components are developed based on WebGL and Three.js, aimed at enabling users to easily add eye-catching visual effects to their Framer projects without the need to delve into complex 3D graphics programming.

How to use these components?

Select the desired component above, click the Copy button, and then paste it into your Framer project. I regularly update the components, and when new versions are available, you can find and upgrade them in the Assets panel of Framer.

Will these components affect website performance?

These components do have some impact on website performance. As they use GPU for real-time rendering, they consume some computational resources. The performance impact may be more noticeable when using multiple components on the same page. It's recommended to use these components judiciously based on your website's needs and the device performance of your target users.

Do these components require payment?

Currently, all Revels components are provided free of charge. you can freely use them in personal projects or commercial websites, with no hidden fees or subscription required. If these components are helpful to you, feel free to share them with others or consider supporting the project. Your support will help in continuously improving existing components and developing new content.

How to get help or provide feedback?

If you have any questions, suggestions, or feedback, please feel free to contact me at any time. You can do so by reaching out to @Jay Ji on Twitter.

What is Revels?

Revels is a series of effect components designed for Framer. These components are developed based on WebGL and Three.js, aimed at enabling users to easily add eye-catching visual effects to their Framer projects without the need to delve into complex 3D graphics programming.

How to use these components?

Select the desired component above, click the Copy button, and then paste it into your Framer project. I regularly update the components, and when new versions are available, you can find and upgrade them in the Assets panel of Framer.

Will these components affect website performance?

These components do have some impact on website performance. As they use GPU for real-time rendering, they consume some computational resources. The performance impact may be more noticeable when using multiple components on the same page. It's recommended to use these components judiciously based on your website's needs and the device performance of your target users.

Do these components require payment?

Currently, all Revels components are provided free of charge. you can freely use them in personal projects or commercial websites, with no hidden fees or subscription required. If these components are helpful to you, feel free to share them with others or consider supporting the project. Your support will help in continuously improving existing components and developing new content.

How to get help or provide feedback?

If you have any questions, suggestions, or feedback, please feel free to contact me at any time. You can do so by reaching out to @Jay Ji on Twitter.

What is Revels?

Revels is a series of effect components designed for Framer. These components are developed based on WebGL and Three.js, aimed at enabling users to easily add eye-catching visual effects to their Framer projects without the need to delve into complex 3D graphics programming.

How to use these components?

Select the desired component above, click the Copy button, and then paste it into your Framer project. I regularly update the components, and when new versions are available, you can find and upgrade them in the Assets panel of Framer.

Will these components affect website performance?

These components do have some impact on website performance. As they use GPU for real-time rendering, they consume some computational resources. The performance impact may be more noticeable when using multiple components on the same page. It's recommended to use these components judiciously based on your website's needs and the device performance of your target users.

Do these components require payment?

Currently, all Revels components are provided free of charge. you can freely use them in personal projects or commercial websites, with no hidden fees or subscription required. If these components are helpful to you, feel free to share them with others or consider supporting the project. Your support will help in continuously improving existing components and developing new content.

How to get help or provide feedback?

If you have any questions, suggestions, or feedback, please feel free to contact me at any time. You can do so by reaching out to @Jay Ji on Twitter.

Reveals cool WebGL Effects Components for Framer.