Component Design for JavaScript Frameworks
Master the fundamentals of component design: Structure, Properties, Tokens, and Interaction to create components that translate seamlessly into JavaScript frameworks. Learn Auto-Layout patterns, naming conventions, design tokens, and prototyping techniques that bridge design and development.
Select a type to see how color blindness affects
Kroma | Color Blindness Simulator
A free, no-limits color blindness simulator built for UI designers and developers. Kroma simulates 8 types of color vision deficiency—helping you design interfaces everyone can use.
Enhancing Security Through Two-Factor Authentication
Designed and launched Jotform's two-factor authentication system, adopted by 50,000+ users with a 90% retention rate. A security feature that scaled across Web, Mobile, and Enterprise platforms.
brifl Design System
A modular, React-friendly component library based on atomic design principles. Contains over 30 components and 200+ states and variants.
Jotform Logbook | An internal tool for better company awareness
An internal tool concept for cross-team transparency at Jotform. Logbook lets teams log work-in-progress, share updates, and reduce duplicated efforts—addressing a real problem I observed in a 600+ person company.
brifl | Collaborative Form Builder
A collaborative form builder designed for creatives,featuring 30+ specialized blocks for designers, developers, writers, and photographers. Never launched, but it taught me how to design systems for diverse workflows.
What is your preferred typeface style?