Goodies

Resources, utilities and snippets for devs

This section brings together things I use every day: tools, snippets, small CSS ideas and a list of links worth keeping nearby. It's not theory or long courses, but practical resources to solve frontend problems faster and with better code.

Tools

3 items

View All Tools

Small tools built for everyday development: generators, helpers and utilities that simplify repetitive tasks. If something saves me time or reduces mistakes when writing code, it usually becomes a tool and ends up documented here.

CSS ★

Animotion CSS

A visual CSS animation generator for creating smooth transitions, keyframe animations, and micro-interactions

Go to Site View Code
CSS ★

Gradify CSS

A modern CSS gradient generator with real-time preview for creating beautiful linear, radial, and conic gradients

Go to Site View Code
TypeScript ★

ZodSmith Builder

A powerful visual builder for creating Zod schemas and TypeScript types with drag-and-drop interface

Go to Site View Code

Snippets

38 items

View All Snippets

Ready-to-use code fragments you can copy, adapt and paste: React patterns, TypeScript helpers, frontend logic and functions I reuse constantly. The goal is to have an organized place to find quick solutions without reinventing the wheel every time.

typescript

chunk

Split an array into smaller arrays of a specified size.
typescript

uniqueBy

Remove duplicates from an array based on a key selector function.
typescript

groupBy

Group array items by a key into an object of arrays.

CSS Tricks

21 items

View All CSS Tricks

Small CSS tricks to handle interface details: layouts, subtle effects, simple animations and micro-interactions. These examples are meant to make it easy to grasp the pattern, adapt it to your design and keep your visual code clean and consistent.

CSS

Fluid Sizing with clamp()

Smooth responsive sizes without media queries. One line of CSS that scales between min and max values.
CSS

Animate Height with Grid

Finally animate to auto height! Use grid-template-rows from 0fr to 1fr for smooth accordion animations.
CSS

Motion Path Animation

Animate elements along custom curves and SVG paths without JavaScript.

Useful Links

80 items

View All Links

A curated selection of links I actually use: solid documentation, design references, frontend resources and online tools that make daily work easier. Less noise, more sites that add real value when you're building something serious.

Awesome AI Devtools

Curated list of AI tools to accelerate your development workflow.

OpenAI Cookbook

Practical examples for integrating OpenAI models into your projects.

Awesome Cursor Rules

Collection of .cursorrules to tune Cursor as your code copilot.

Cursor Rules Repo

Advanced Cursor rules focused on agents, TypeScript and AI workflows.