Home / Design System

Design System

Pedro Marques (Design), Rafael Motta (Frontend), and I are the responsible for the design system at Footprint.

I regularly contribute by both designing and coding new components, as well as improving existing ones. Here are some examples—all of which are my work and all videos show production code:

Multiselect component for our design system with search and origin-aware layout animations.

Date-picker fully custom, built from scratch using date-fns library, Tailwind, and Framer Motion.

Custom dropdown and date-picker interacting together.

Design and implementation of smart filters for our users table.

Detail: The thumbnail of a PDF file shows the first page of the document in a miniature version.