Skip to content

Latest commit

 

History

1 Commit

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

tamper.space design system

Shadcn-faithful UI components rendered server-side with templ on Basecoat + Tailwind. No React, no Node at runtime.

Live reference: design-system.tamper.space.

Wire it up

  1. Import the package:

    import ui "github.com/tamper-space/ui/bindings/templ"
  2. Serve the embedded assets and link them, basecoat.css before app.css:

    mux.Handle("/ui/static/", http.StripPrefix("/ui/static/", ui.Handler()))
    <link rel="stylesheet" href="/ui/static/css/basecoat.css">
    <link rel="stylesheet" href="/ui/static/css/app.css">
    <script src="/ui/static/js/basecoat.js" defer></script>
  3. Point your Tailwind build's @source at this module's templ files.

Then compose:

@ui.Button("default", "sm", "", nil) { Save }
@ui.Card() { @ui.CardContent() { ... } }
@ui.Icon("flag", "h-4 w-4")

Develop

make gallery   # run the component reference at :8099
make build     # templ generate + css + go build
make css       # recompile CSS after changing tokens or classes

Start with docs/getting-started.md; foundations, tokens, and wiring are in docs/.

Releases

Packages

Contributors

Languages