Code Block 3

—

Dark code showcase

A dark-themed terminal-style code showcase block for AI SDK product pages with syntax highlighting, file tabs, and line numbers. The dark aesthetic appeals to developer audiences and creates strong visual contrast against standard light marketing page sections.

  • Developer-focused SaaS marketing with terminal aesthetic appeal
  • Dark mode landing pages for AI developer tools
  • SDK documentation pages with embedded working examples
  • Technical blog posts with featured code implementations

Tech stack

Next.jsReactTypeScriptshadcn/uiTailwind CSS

Related

Code Block 1Code Block 2Feature Grid
npx shadcn@latest add https://shadcnagents.com/r/marketing-feature-code-block-3
linear.ts
// Create and assign Linear issues
import { LinearClient } from "@linear/sdk"

const linear = new LinearClient({
  apiKey: process.env.LINEAR_API_KEY,
})

const issue = await linear.createIssue({
  teamId: "TEAM_ENG",
  title: "Fix auth token refresh",
  priority: 1,
  assigneeId: "usr_abc123"
})