Component library code and previews

nuxt-x-cards Component Library

An open-source card component library for Nuxt 3 — built to speed up our own client work and shared with the community.

Nuxt 3VueOpen SourceComponent Library

We kept rebuilding the same card layouts across client projects, so we extracted them into a reusable library. nuxt-x-cards ships with hero, media, feature, pricing, testimonial, and review cards — all built on a 4px grid with contrast-safe color tokens.

Published to npm and used across all our active projects.

Ready to build something like this?

Tell us about your project and we'll put together a plan.

Request a Quote
Bandmate Footer Background
Seattle.dev Logo

Custom web development and design for Seattle businesses. We specialize in API integration, custom web portals, and business automation.