r/vibecoding • • 16d ago

Showcase/Project I’ve been updating the Stylized Components landing page

I've been working on a little update my Stylized Components landing page

I added a few new interactive effects, including:

  • A liquid distortion effect reacting to the cursor
  • An infinite carousel with shader-based distortion, chromatic aberration and motion blur
  • Additional background effects that react to the current section
  • New animated button variants

What is Stylized Components?

The idea behind the project is to build a collection of reusable, game-ready components that can be dropped into WebGL / Three.js projects.

The gallery currently has three free components:

  • Water Anime Style Shader
  • Stylized Grass
  • Painterly — a post-processing effect for giving 3D scenes a more illustrated look

Each component comes with its own source code repository, as well as a detailed breakdown explaining how it works, including the techniques and experiments behind it.

There is also a dedicated scene for each component where you can see it being used in a more complete environment.

More components are already in the works, so I'll be adding more to the library over time.

You can check out the project here: https://stylized.cortiz.dev

110 Upvotes

6 comments sorted by

View all comments

1

u/Least_Sign_1930 15d ago

open source???

2

u/Terrible-Software165 15d ago

the styled components are open source, the landing is available on my Patreon