Components

En/ Ru

Components

Wireframe showcase for github.com/fastygo/templ primitives and app registry pieces. Each page stacks variants with copy-paste templ and a prop reference.

Getting Started

Installation

Use this repository as the reference app, or copy individual components from the gallery into your project (future fasty…

Introduction

FastyGo UI is a wireframe-first component gallery on Go and templ. Pages show live previews, copy-pasteable templ snippe…

Theming

Semantic tokens, typography, spacing, and elevation from tweakcn-style CSS variables. Live previews match the FastyGo de…

Primitives

Badge

Badge shows a short status label.

Block

Block renders a top-level page landmark element.

Box

Box wraps internal layout sections inside a Block.

Button

Button triggers an action on click.

Checkbox

Checkbox renders a native boolean form control.

Container

Container wraps page content in a width shell.

Fieldset

Form controls covers fieldset, legend, datalist, output, meter, and progress.

Dialog

Dialog renders a native dialog root with optional behavior hook.

Disclosure

Disclosure renders native details and summary elements.

Grid

Grid lays out children in a CSS grid container.

Group

Group arranges children in a horizontal flex row.

Icon

Icon renders a class-based span, svg use reference, or text fallback.

Image

Image renders accessible img, picture, and source primitives.

Input

Input renders a single-line native text field.

Label

Label links visible text to one form control.

Break

Break renders br or wbr for controlled inline wrapping.

Link

Link renders a semantic anchor for navigation and prose.

List

List renders ul, ol, dl, or menu containers.

Radio

Radio renders one option in a named radio group.

Select

Select renders a native dropdown from Options slice.

Separator

Separator renders a semantic or decorative hr.

Stack

Stack arranges children in a vertical flex column.

Switch

Switch renders a toggle with switch ARIA semantics.

Text

Text renders plain copy in a semantic tag.

Textarea

Textarea renders a multi-line native text field.

Title

Title renders one heading from Order prop.

Utils

Tags

Tags module restricts HTML tag names per primitive group.

Utils

Utils holds shared Go helpers for registry bricks.

Components

Accordion

Vertically stacked expandable sections (wireframe; data-ui8kit accordion).

Alert

Alert shows a short status message block.

Alert Dialog

Modal that interrupts flow.

Aspect Ratio

Fixed aspect container.

Avatar

User avatar placeholder.

Blog Card

Reusable blog list cards with media placeholder — vertical and horizontal layouts.

Breadcrumb

Breadcrumb shows the current page trail.

Card

Card groups related content in one bordered surface.

Carousel

Horizontal scrolling list.

Dialog

Modal dialog wireframe (data-ui8kit dialog).

Drawer

Bottom sheet drawer wireframe.

Dropdown Menu

Menu triggered by a button.

Form

Form wraps fields in a vertical grid container.

Icon

Latty icon mask (app registry).

IconBadge

IconBadge renders a small icon surface for nav rows, cards, and status blocks.

Language Toggle

Locale switcher (app toggles package).

Menubar

Horizontal menu bar.

Nav

Nav composes labeled navigation lists with active and disabled links.

Navigation Menu

Site navigation with sections.

Pagination

Page navigation controls.

Progress

Progress indicator wireframe.

Separator

Visual divider between sections.

Sheet

Sheet composes a side panel with trigger, overlay, content, and close parts.

Slider

Native range input styled via ui.Input.

Table

Table composes caption, sections, rows, and cells.

Tabs

Tabbed interface (wireframe; data-ui8kit tabs).

Blocks

Dashboard Overview

Block scaffold — section wireframe with placeholder copy for future github.com/fastygo/blocks extraction.

Docs Article

Block scaffold — section wireframe with placeholder copy for future github.com/fastygo/blocks extraction.

Marketing Hero

Block scaffold — section wireframe with placeholder copy for future github.com/fastygo/blocks extraction.