Stevenoumi

ProjectCard

Project card: axis tile, name, status, description, skills and link.

LivOpty

Web & mobile app

In daily use

Shared app for couples and families: lists, budget, messaging and a secure vault.

  • Next.js
  • React Native
  • TypeScript
  • PostgreSQL
  • and 1 more: +1

Rules

  • The tile follows the main axis of the project.
  • One or two sentences: what it is, and for whom.
  • Four skills at most, then +N.

Installation

Once the theme is installed:

npx shadcn@latest add https://brand.stevenoumi.com/r/project-card.json

Also installs axis-tile, icon-button, skill-chip, status-pill.

Props

Prop

Type

On the brand page: Project cards.

SectionHeader

Eyebrow, title in Plex Sans Condensed, tri-accent and description. At the top of every section.

ProfileCard

Portrait, name, title and emblem in a card. For an about section or a hero.

On this page

RulesInstallationProps