Skip to content

Content & Dashboard

Code Block with Copy Button

Styled pre/code block with a filename bar and a copy button with a real success state, no syntax highlighter bundled.

SubscriptionIncluded with the Velocity Components subscription.
$velocityx add code-block-copy
Props & docs

Needs a licence key — subscribe here, then velocityx loginonce.

AstroReactTailwind CSSNew

Code Block with Copy Button

Code Block with Copy Button

Live preview of the Code Block with Copy Button component

supabase.ts
export function getSupabase() {
  if (!PUBLIC_SUPABASE_URL || !PUBLIC_SUPABASE_ANON_KEY) {
    return createStubClient(); // never throw — chrome must render with no env
  }
  return createClient(PUBLIC_SUPABASE_URL, PUBLIC_SUPABASE_ANON_KEY);
}

The code ships with Velocity.

Every component's full source — copy-paste ready, yours to edit — comes with any Velocity package. Buy once, own the code forever.

Get Velocity X — from $1,250 See all packages →

Using the Code Block with Copy Button component

Every Velocity component is plain Astro or React markup styled with Tailwind utility classes. There is no proprietary runtime and no design-system wrapper to adopt — the component inherits whatever colour and type tokens your project already defines.

Read the component docs All 589 components

More Content & Dashboard components

Browse all →

Featured Post Hero Card

Full-bleed editorial hero card for a pinned blog post with a solid scrim over the cover image for legibility.

Blog Index Grid with Category Filter

Client-filtered blog index grid driven by a category pill row built from the posts data.

Article Header

Article title, byline, avatar, publish/updated date and read time above a divider.

Article Body Layout with Sidebar

Two-column article layout with a reader-width prose column and a sticky sidebar slot that collapses above content on mobile.

Table of Contents (Sticky, Scroll-Spy)

Sticky table of contents with IntersectionObserver-driven scroll-spy highlighting that degrades to a plain link list without observer support.

Author Bio Card

Avatar, name, role, short bio and optional social links for an article sidebar or footer.