Kitchen Sink Design system reference — every gf-* component, mobile-first, consolidated from the site’s existing best pages.
Component Reference

One system. Every page.

This page exercises every reusable component in gf-components.css with mocked content, so we can lock in the look-and-feel before touching any real page.

  • Consolidated from gforge-cli, jenkins, downloads, and the alternative pages
  • Mobile-first CSS — resize the window to check every breakpoint
  • No Bootstrap JS dependency in anything built here
gf-components.css
$wp theme validate gforge –check=kitchen-sink
✓ 175 components consolidated
✓ 0 inline styles on this page
✓ mobile-first breakpoints verified
Centered Variant

Download GForge

Self-hosted DevOps platform. Up and running in under a minute. Used when there’s no second-column graphic to pair with the headline.

Visual Variant

Three screenshots, layered

The base (non-centered) hero’s other right-column option, besides a terminal — three real screenshots as overlapping rotated cards. Resize past 900px to see it; below that it’s dropped rather than squeezed in.

Placeholder
Placeholder
Placeholder

Short vs. scrollable

max-height: 420px, with a visible scrollbar and bottom fade that only appear when content actually overflows.

short — no scroll needed
$gforge –version
gforge-cli v26.0
long — scrollbar + fade visible
$gforge deploy post gforge5 HEAD –level=staging
Resolving revision range…
✓ Found 14 commits since last deploy
Scanning commits for ticket references…
✓ #65201 — stamped (staging)
✓ #65202 — stamped (staging)
✓ #65211 — stamped (staging)
✓ #65214 — stamped (staging)
✓ #65219 — stamped (staging)
✓ #65223 — stamped (staging)
✓ #65227 — stamped (staging)
✓ #65231 — stamped (staging)
✓ #65238 — stamped (staging)
✓ #65244 — stamped (staging)
✓ #65249 — stamped (staging)
✓ #65252 — stamped (staging)
✓ #65258 — stamped (staging)
✓ 14 tickets updated, 0 errors

All button variants

Primary/secondary share one system now — merged from the old .gf-btn and page-specific .cli-btn (an old “outline” variant was indistinguishable from secondary and was removed). .gf-btn--outline below is a distinct, newer addition — a light-background counterpart to .gf-btn--secondary, which only works on dark backgrounds.

Primary Primary Large Outline (light bg) Link style
Secondary (dark bg only)

Everything You Need, Elegantly Integrated

3-column on desktop, 2 on tablet, 1 on mobile.

Escape Tool Sprawl

Tickets, repos, wiki, chat, and CI/CD all work together natively. Try wp gf status.

Deploy Your Way

SaaS, self-hosted, or fully air-gapped. You control where your data lives.

Predictable Pricing

$6/user/month. All features included. No surprise add-ons.

.gf-feature-grid--2: pinned at 2 columns instead of upgrading to 3 at 768px — for a grid that only ever holds 2 cards, e.g. one grouped cluster within a larger capability map.

Two-Card Cluster

Stays 2 columns at every width above mobile — never expands to 3 with an empty gap.

Its Pair

Used on the Overview page’s Plan & Track / Build & Ship / Know & Collaborate clusters.

Grouped prompt/example grids

3-up grid

gf tracker query

What’s blocking sprint 12?

Query open blockers across a sprint by tag or assignee.

gf release notes

Draft this week’s changelog

Summarizes merged commits since the last tag.

gf wiki search

Find the deploy runbook

Full-text search across project wikis.

Framed screenshot paired with copy

Alternates sides via .gf-shot-feature--reverse. 1 column on mobile, 1fr 1fr from 900px up. Images are also lightbox triggers here — click either screenshot to see the full-size view.

Placeholder product screenshot

Caption describing what the screenshot shows.

Default order: media left, text right

Real screenshots get a white frame with a soft shadow, consistent with the site’s card language elsewhere.

Placeholder product screenshot

Caption describing what the screenshot shows.

–reverse: media right, text left

Use alternating sides across repeated sections on one page for visual rhythm, same pattern as the AI page.

Pinned visual, advancing panels

Resize past 900px to see the pinned/swapping behavior — scroll through the panels below and watch the image on the right change.

First panel headline

One or two sentences — short enough to read before the reader scrolls past it.

Explore this →

Second panel headline

The pinned image on the right swaps to this panel’s image once it crosses the vertical center of the viewport.

Explore this →

Third panel headline

Any number of panels works — the homepage uses seven, one per product page.

Explore this →
Placeholder for panel 1 Placeholder for panel 2 Placeholder for panel 3

How the pieces fit together

Architecture diagram, pillar cards, and a mocked conversation/tool-call sequence.

Your AI Tool
Claude, Cursor, etc.
stdio
gforge-cli
MCP server
REST
GForge
your instance

Read

Tickets, wiki pages, commits — full project context on demand.

Write

Create tickets, update statuses, post comments — with run_tracker_query.

Automate

Shell scripts and CI/CD pipelines, without wrestling the raw API.

Ask it directly

The conversation pattern below is the same one used on gforge-cli — a user message, a tool call, and a structured response.

You
What’s blocking sprint 12?
run_tracker_query sprint:12 blocked
AI Agent
Sprint 12 — 3 of 11 tickets blocked.
#64044 DB migration no reviewer
#64051 API rate limiting not started
~/.config/mcp.json
{
  "mcpServers": {
    "gforge": {
      "command": "gforge-cli",
      "args": ["mcp"]
    }
  }
}

Interactive savings calculator

Select + slider inputs, two comparison result cards, a savings banner, and a disclaimer — the real page wires this to actual pricing data via JS driven entirely by element IDs.

50 users
Their Cost
Atlassian Stack (Premium)
$29,000
per year
Jira + Confluence + Bitbucket + Bamboo + Service Mgmt
vs
GForge
All Features Included
$3,600 – $9,000
per year
Pricing varies by deployment & support level.
Your Potential Annual Savings
$20,000 – $25,400

* Competitor pricing based on published rates. Actual costs may vary.

Get gforge-cli

Single binary, zero dependencies. Clicking a card opens the new modal below — a demo only, not wired to the real download/CRM endpoint yet.

.gf-checklist (light bg, used on the downloads page)

  • Fastest setup, minimal footprint
  • Seamless upgrades

Built for real workflows

CI/CD

Post build results automatically

Every Jenkins build posts status, output, and changelog back to GForge.

✓ Build #42 result posted → SUCCESS
AI Agents

Let your agent triage tickets

Read/write access to trackers, wiki, and commits via MCP.

run_tracker_query sprint:12

Commit Linking

Reference a ticket number in a commit message and GForge links it automatically.

Automatic

Include the ticket ID in your commit message.

git commit -m "Fix auth bug, closes #1234"

Manual

Link an existing commit from the ticket view.

gforge-cli commit link 1234 abc1234

Three steps to your first project

Same step-list pattern used across the site’s onboarding content.

  • 1

    Install the binary

    Download for macOS Apple Silicon , unzip it, and add it to your PATH.

  • 2

    Authenticate

    Run gforge-cli login and follow the prompt.

  • 3

    Connect your AI tool (optional)

    Point any MCP-compatible client at gforge-cli mcp.

The Atlassian Tax

Replaces the raw Bootstrap .table.table-striped markup used on the *-alternative pages.

What You Need Atlassian Product Annual Cost
Project Management (category divider row, spans all columns)
Issue Tracking & PM Jira $6,116
Service Desk Jira Service Management $6,300
Wiki & Documentation Confluence $1,800
Everything above GForge $4,000
Git Hosting (–warn: available, but as a separate paid product) Bitbucket Add-on

Tinted aside box

Who GForge Is NOT For

  • You need a bleeding-edge ecosystem — if your workflows depend on a huge third-party marketplace, that’s a real trade-off.
  • You’re a solo developer — GForge shines for teams; a free tier of a simpler tool might be enough.

Itemized $$$ vs checkmark, two columns

The Competitor Way

  • Issue Tracking$$$
  • Wiki / Documentation$$$
  • CI/CD Pipelines$$$
5-8 separate bills

The GForge Way

  • Issue Tracking & Agile
  • Wiki / Documentation
  • CI/CD Integration
One platform. One price.

Link-out grid to head-to-head pages

Customer logos + pull-quote

Teams That Have Built Better Software With GForge

Placeholder logo Placeholder logo Placeholder logo
“A short, real, quantified customer quote reads stronger here than an adoption stat we can’t back up yet.”
Name, Title Company

What teams say

Static grid — replaces the Bootstrap-carousel-dependent pattern on the alternative pages. No JS required.

GForge let us consolidate our workflow into a single system we could run in our own environment.

— Justin Carlson, Engineering Lead, State of Iowa

We stopped paying for five different tools and the integrations between them.

— Example quote, Engineering Manager

Air-gapped deployment was the deciding factor for our compliance requirements.

— Example quote, Defense Contractor

See It In Action

Watch the complete installation walkthrough

“We replaced four separate collaboration tools with GForge and cut our annual costs by 30%.”
— Bank of Montreal

Simple, Transparent Pricing

Free

Up to 5 active users
Unlimited public & private projects

Ideal for smaller teams evaluating GForge. Full functionality, no credit card required.

Enterprise

Unlimited users
Dedicated support

Tailored for large teams, R&D groups, and public-sector organizations.

Starting at $6/user/month

First 5 users free
Open source teams free forever

Hosted by GForge. We handle infrastructure, updates, and backups.

Defense & Aerospace — air-gapped installation and ITAR-friendly deployment available.

Frequently Asked Questions

One consolidated accordion, replacing four previous implementations.

Is GForge really all-in-one?
Yes — tickets, Git/SVN, CI/CD, wiki, and chat all ship together, not bolted on via plugins.
Can I self-host, including air-gapped?
Yes. Self-hosted deployments support fully air-gapped environments for defense and regulated industries.
How does pricing work?
$6/user/month for SaaS, all features included, first 5 users free. Self-hosted is free for up to 5 users.

Ready to lock this in?

Once colors and components are confirmed here, we start converting real pages to use this system.

Almost There! Demo only

Stay up-to-date on official GForge releases. (This form is a component demo — not connected to the real download flow.)