Portfolio(3 / 160)

Love.irish pattern library and design system

2025

100+ components and patterns built to create a consistent experience across the Love.irish app and website. Follows the atomic design methodology including everything from buttons, dropcaps, content to templates and built using React, Tailwind CSS and Storybook.
Screenshot of a page from the Love.irish design system for the Dropcap component

Building the system

Follows the atomic design methodology including everything from buttons, dropcaps, content to templates and built using React, Tailwind CSS and Storybook.

Screenshot of the design system showing component examples
Components are organized by atomic design principles
Screenshot of the design system showing template examples
Templates provide consistent page layouts
Screenshot of the design system showing button component variants
Button component with all variants documented