SyntaxPotion is a growing library of handcrafted UI components designed for modern frontend development. Instead of generic UI blocks, it focuses on smooth micro-interactions, animations, and thoughtful design details. Inspired by a “digital potion lab”, the project combines technical precision with a unique visual identity to help developers build interfaces that feel more alive and memorable.

Framer — Launch websites with enterprise needs at startup speeds.

Launch websites with enterprise needs at startup speeds.

Hi everyone! 👋 I'm Rodrigo, the creator of SyntaxPotion. The idea behind this project came from a simple frustration: most UI libraries feel very generic. I wanted to build something different — a growing collection of handcrafted components focused on micro-interactions, smooth animations and small design details that make interfaces feel more alive. SyntaxPotion also has a strong identity inspired by a “digital potion lab”, where each component is like a small spell developers can use to build more expressive interfaces. The library currently includes 465+ components, and I'm continuously working on adding more. This is just the beginning, and I would truly love to hear your feedback and suggestions. Thanks for checking it out!

The 'digital potion lab' theme is so refreshing! It really turns the mundane task of picking UI components into something creative and fun. With 465+ components already, how do you ensure that the 'potion' identity remains consistent across so many different elements?

Framer — Launch websites with enterprise needs at startup speeds.

Launch websites with enterprise needs at startup speeds.

SyntaxPotion

Magical UI components for developers

Magical UI components for developers