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.

Live Preview: https://radial-gallery.framer.website

This component allows you to add images, videos, and text on a specified radius.

Uses a Poisson disk sampling algorithm and random number generator functions with seed values to generate the positions of the elements with predictable randomness.

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

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

I built a custom code function that creates animation iterations; also, I applied to it custom animation functions.

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

This component allows you to apply a motion blur effect to images using WebGl and also 2d canvas context, 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.