Three-column article grid with a split header and an underlined Read more articles link whose arrow nudges on hover unless motion is reduced. Each post has a 4:3 image, byline and serif title.
The source comes with full access.
One payment of $149 ($49 for now) opens the source right here and lets the CLI install every paid component, with lifetime updates.
pnpm dlx shadcn add @01orbital/article-grid-02npx shadcn add @01orbital/article-grid-02yarn shadcn add @01orbital/article-grid-02bunx --bun shadcn add @01orbital/article-grid-02Part of the 01orbital library. With a license, put ORBITAL_TOKEN in .env.local and the same command installs it (licensed install, pricing).
It lands at components/blocks/resources/article-grid-02/index.tsx, as source you own and edit.
import ArticleGrid02 from "@/components/blocks/resources/article-grid-02"
export default function Example() {
return <ArticleGrid02 />
}npm: @phosphor-icons/react, cn. The CLI installs them for you.
Registry pieces it installs with it:
Three Dark Case Study Cards
Three dark paper cards of case studies, each topped with a Limb scene panel with the orb in a different spot, then a serif title, summary and a full-card Read case study link.
Three-Column Project Grid
Three-column project grid under a split header with an outline link. Each post has a 4:5 remote image, client and discipline tags, and an Instrument Serif title.