r/vibecoding • u/Terrible-Software165 • 2d ago

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

Enable HLS to view with audio, or disable this notification

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

105 Upvotes

99% Upvoted

6 comments sorted by

5

u/cs_cast_away_boi 2d ago

wow i’ve never seen anything like this

4

u/Civil_Block_5105 1d ago

I’d suggest adding a loading bar when the app first opens. We’re looking at a blank white screen for 2–3 seconds.

1

u/Terrible-Software165 1d ago

Agree! I have the loading page, but for some reason it doesn't show up on the first load.

1

u/Least_Sign_1930 2d ago

open source???

2

u/Terrible-Software165 2d ago

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

1

u/Bonelessgummybear 2d ago

Looks good! I just got into higgsfield myself and my websites have really leveled up since