Primitives

Card

Surface container in 4 flavours: default, featured (brand border), terminal (macOS chrome), and data (glass).

Preview

latest postapr 12 · 1 min

Plain markdown beats Notion.

Two years of database PTSD, condensed into an opinionated rant about plain text and git.

read →draft

open-source-kitFEATURED

Components, in React.

A dark-first kit of typed primitives. Copy-paste, own the source, ship faster.

shipped 2025-11github ↗

installv0.1.0

$ npx @entrepta/cli@latest init

$ npx @entrepta/cli@latest add button

// 1 component installed

oss '26+11

repos shipped

consistentupdated 21:14

Installation

terminal

bash

npx @entrepta/cli@latest add card

// Resolves dependencies, copies the source, and installs npm packages automatically.

Usage

card.tsx

tsx

import {
  Card, CardHeader, CardLabel, CardMeta, CardTitle,
  CardDescription, CardFooter, CardComment,
  CardTerminalBar, CardTerminalBody,
} from "@/components/entrepta/card"

<Card>
  <CardHeader>
    <CardLabel>latest post</CardLabel>
    <CardMeta>apr 12 · 1 min</CardMeta>
  </CardHeader>
  <CardTitle>
    Plain markdown beats <em>Notion</em>.
  </CardTitle>
  <CardDescription>Two years of database PTSD, condensed.</CardDescription>
  <CardFooter>
    <span>read →</span>
    <CardComment>draft</CardComment>
  </CardFooter>
</Card>

<Card variant="terminal">
  <CardTerminalBar>
    <CardLabel>install</CardLabel>
    <CardMeta>v0.1.0</CardMeta>
  </CardTerminalBar>
  <CardTerminalBody>$ npx @entrepta/cli@latest init</CardTerminalBody>
</Card>

Props

Prop	Type	Default	Description
variant	"default" \| "featured" \| "terminal" \| "data"	"default"	Background and border style