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
Use this repository as the reference app, or copy individual components from the gallery into your project (future fasty…
FastyGo UI is a wireframe-first component gallery on Go and templ. Pages show live previews, copy-pasteable templ snippe…
Semantic tokens, typography, spacing, and elevation from tweakcn-style CSS variables. Live previews match the FastyGo de…
Primitives
Badge shows a short status label.
Block renders a top-level page landmark element.
Box wraps internal layout sections inside a Block.
Button triggers an action on click.
Checkbox renders a native boolean form control.
Container wraps page content in a width shell.
Form controls covers fieldset, legend, datalist, output, meter, and progress.
Dialog renders a native dialog root with optional behavior hook.
Disclosure renders native details and summary elements.
Grid lays out children in a CSS grid container.
Group arranges children in a horizontal flex row.
Icon renders a class-based span, svg use reference, or text fallback.
Image renders accessible img, picture, and source primitives.
Input renders a single-line native text field.
Label links visible text to one form control.
Break renders br or wbr for controlled inline wrapping.
Link renders a semantic anchor for navigation and prose.
List renders ul, ol, dl, or menu containers.
Radio renders one option in a named radio group.
Select renders a native dropdown from Options slice.
Separator renders a semantic or decorative hr.
Stack arranges children in a vertical flex column.
Switch renders a toggle with switch ARIA semantics.
Text renders plain copy in a semantic tag.
Textarea renders a multi-line native text field.
Title renders one heading from Order prop.
Utils
Tags module restricts HTML tag names per primitive group.
Utils holds shared Go helpers for registry bricks.
Components
Vertically stacked expandable sections (wireframe; data-ui8kit accordion).
Alert shows a short status message block.
Modal that interrupts flow.
Fixed aspect container.
User avatar placeholder.
Reusable blog list cards with media placeholder — vertical and horizontal layouts.
Breadcrumb shows the current page trail.
Card groups related content in one bordered surface.
Horizontal scrolling list.
Modal dialog wireframe (data-ui8kit dialog).
Bottom sheet drawer wireframe.
Menu triggered by a button.
Form wraps fields in a vertical grid container.
Latty icon mask (app registry).
IconBadge renders a small icon surface for nav rows, cards, and status blocks.
Locale switcher (app toggles package).
Horizontal menu bar.
Nav composes labeled navigation lists with active and disabled links.
Site navigation with sections.
Page navigation controls.
Progress indicator wireframe.
Visual divider between sections.
Sheet composes a side panel with trigger, overlay, content, and close parts.
Native range input styled via ui.Input.
Table composes caption, sections, rows, and cells.
Tabbed interface (wireframe; data-ui8kit tabs).
Blocks
Block scaffold — section wireframe with placeholder copy for future github.com/fastygo/blocks extraction.
Block scaffold — section wireframe with placeholder copy for future github.com/fastygo/blocks extraction.
Block scaffold — section wireframe with placeholder copy for future github.com/fastygo/blocks extraction.