Resources
A curated collection of design guidelines, courses, and utilities that I learn from and use in daily engineering work.
Three.js Journey
Bruno Simon's ultimate interactive course to learn WebGL, shaders, and 3D graphics using Three.js.
animations.dev
Emil Kowalski's premium interactive course on crafting beautiful, performant web animations.
aiforui.dev
Emil Kowalski's interactive course on using AI as a design partner to build high-quality, delightful user interfaces.
Apple Human Interface Guidelines
Apple's official design system guidelines covering layouts, typography stacks, and accessibility rules.
Refactoring UI
Curated design rules and visual tactics to make developer interfaces look highly professional.
The Linear Method
Linear's playbook for building product pipelines, structuring issues, and managing developer execution.
Devanuj Nath
Devanuj Nath's stunning portfolio showcase of sharp logos, brand identity, and clean visual design systems.
Interface Craft
Crafted UI interactions, micro-animations, and interactive components built with Framer Motion and Tailwind CSS.
Devouring Details
A collection of subtle UI micro-interactions, delightful design details, and polished web animation patterns.
Framer Motion Docs
Official API reference and spring physics guides for declarative React animations.
Tailwind CSS Reference
Rapidly search utility classes, colors, spacing ratios, and custom configuration variables.
SF Pro Typography Spec
Apple's system font documentation, detailing size-tracking tables and layout behaviors.
transitions.dev
Production-ready transition timings, easing curves, and duration scales matching human intent.
Arlan's Vault
Arlan Marat's curated collection of creative front-end components, squircle corners, and interactive UI experiments.
Canvas UI
Interactive WebGL effects and shader transitions layered seamlessly over live, standard HTML elements.
Border Beam
Jakub Antalík's animated border beam and glowing line outline effects for modern cards and container components.
Origin UI
Free, ready-to-copy animated Tailwind CSS and React components built on top of Radix Primitives.
AI CSS
Polished, responsive UI components designed specifically for LLM chat interfaces and AI agent applications.
Liquid Metal
Jakub Antalík's stunning liquid metal effect and fluid chrome shaders for buttons and microinteractions.
AI Agent UI (Beautiful UI)
Crafted primitive components and aesthetic layout elements tailored for next-generation AI interfaces and AI agents.
Agentation
Annotate your interface design elements and compile comprehensive prompts to brief your coding agents.
Thinking Orbs
Jakub Antalík's animated, glowing thinking orb graphics and states for conversational AI interfaces.
Gooey
Jakub Antalík's fluid gooey blob filter effects and organic SVG liquid animation primitives.
Motion Primitives
UI components and animated primitives crafted with Framer Motion and Tailwind CSS for smooth interface interactions.
React Bits
An open-source library of customizable, lightweight React animations, background shaders, and interactive components.
Motion
The production-ready animation library for JavaScript, React, and Vue (formerly Framer Motion).
Backgrounds Supply
Curated collection of SVG, canvas, and CSS ambient background patterns, gradients, and subtle visual textures.
Konvert
Konvert is a creative design studio building B2B SaaS and AI product identities, sharp websites, and layout design systems.
Blissful Studio
An outcome-focused design and development studio building SaaS identities, branding, and interactive digital products for ambitious tech companies.
Kargul Studio
A premium full-stack design and development studio specializing in custom web design, branding, illustration, and interactive frontend development.