In this page, I'll show you components that I have made writing code, and also components that I made using Framer Workshop, a tool that allows you to create components using AI.

Preview: https://www.framer.com/marketplace/components/image-into-particles/

This component allows you to upload an image and it will transform it into interactive particles.

Made with Framer Workshop, as part of a competition, this one help me to win the best social post in the competition.

Preview: https://www.framer.com/marketplace/components/animated-sprite/

With this component, you can load a sprite sheet and animate it.

This one I code it myself as a React component and following Framer documentation.

Live Preview: https://motion-blur.framer.website

This component allows you to apply a motion blur effect to images using WebGl, one of it's main features is that it can apply the effect automatically based on the movement of the element. Made with Framer Workshop.

Preview: https://schemetastic-hover-tilt-wrapper.framer.website/

This component allows you to set an image, text or an instance and add it an interactive 3D tilt effect.

For this one I coded an implementation of the library "react-tilty".

Preview: https://www.framer.com/marketplace/components/glare-overlay/

This component allows you to add a glare overlay with blending modes to elements on the canvas.

This component was made using Framer Workshop.