templette

module
v0.5.6 Latest Latest
Warning

This package is not in the latest version of its module.

 Go to latest Published: Mar 26, 2026 License: MIT

README

templette

Description

Conveniet and aimed at ease of use front-end UI toolkit, using Go's HTML templating lib(Templ)

Consists of three parts:

  • props - defines ids, classes and other attrs for the given template
  • page - website layout
  • components - directly compiled templ Go files ready to use. Contains most used html tags like div, text, p and many, many other

The idea is that the developer can directly write .templ using the ready templ funcs and define props like htmx, data, aria and others

No JS at all, if you want you can write some scripts - there is a ready html tag which just needs a path to set from the page props

Contributing

Contributions are welcome 🤝! Please open an issue or pull request

Directories

Path Synopsis
Package components contains HTML components for an application.
 Package components contains HTML components for an application.
br
Package br provides HTML br components with flexible props.
 Package br provides HTML br components with flexible props.
button
Package button provides HTML button components with flexible props.
 Package button provides HTML button components with flexible props.
div
Package div provides HTML div components with flexible props.
 Package div provides HTML div components with flexible props.
dropdown/option
Package option provides HTML option components with flexible props.
 Package option provides HTML option components with flexible props.
dropdown/select
Package select provides HTML select components with flexible props.
 Package select provides HTML select components with flexible props.
fieldset
Package fieldset provides HTML fieldset components with flexible props.
 Package fieldset provides HTML fieldset components with flexible props.
form
Package form provides HTML form components with flexible props.
 Package form provides HTML form components with flexible props.
input
Package input provides HTML input components with flexible props.
 Package input provides HTML input components with flexible props.
label
Package label provides HTML label components with flexible props.
 Package label provides HTML label components with flexible props.
layout/footer
Package footer provides HTML footer components.
 Package footer provides HTML footer components.
layout/header
Package header provides HTML header components.
 Package header provides HTML header components.
layout/main
Package main provides HTML main components.
 Package main provides HTML main components.
media/audio
Package audio provides HTML audio components with flexible props.
 Package audio provides HTML audio components with flexible props.
media/canvas
Package canvas provides HTML canvas components with flexible props.
 Package canvas provides HTML canvas components with flexible props.
media/figcaption
Package figcaption provides HTML figcaption components.
 Package figcaption provides HTML figcaption components.
media/figure
Package figure provides HTML figure components.
 Package figure provides HTML figure components.
media/img
Package img provides HTML image components with flexible props.
 Package img provides HTML image components with flexible props.
media/source
Package source provides HTML source components with flexible props.
 Package source provides HTML source components with flexible props.
media/video
Package video provides HTML video components with flexible props.
 Package video provides HTML video components with flexible props.
meter
Package meter provides HTML meter components with flexible props.
 Package meter provides HTML meter components with flexible props.
progress
Package progress provides HTML progress components with flexible props.
 Package progress provides HTML progress components with flexible props.
semantic/article
Package article provides HTML article components.
 Package article provides HTML article components.
semantic/details
Package details provides HTML details components.
 Package details provides HTML details components.
semantic/hr
Package hr provides HTML hr components.
 Package hr provides HTML hr components.
semantic/nav
Package nav provides HTML nav components.
 Package nav provides HTML nav components.
semantic/section
Package section provides HTML section components.
 Package section provides HTML section components.
semantic/summary
Package summary provides HTML summary components.
 Package summary provides HTML summary components.
table
Package table provides HTML table components.
 Package table provides HTML table components.
text
Package text provides HTML text components.
 Package text provides HTML text components.
textarea
Package textarea provides HTML textarea components with flexible props.
 Package textarea provides HTML textarea components with flexible props.
Package element provides type-safe representations of HTML tags and helper functions for working with generic elements in templated code.
 Package element provides type-safe representations of HTML tags and helper functions for working with generic elements in templated code.
Package page provides helpers for building complete HTML pages using templ components.
 Package page provides helpers for building complete HTML pages using templ components.
body
Package body provides helpers for building attributes for <body> elements in templ components.
 Package body provides helpers for building attributes for <body> elements in templ components.
head
Package head provides helpers for building and configuring HTML <head> elements in templ components.
 Package head provides helpers for building and configuring HTML <head> elements in templ components.
html
Package html provides helpers for building HTML element attributes in templ components.
 Package html provides helpers for building HTML element attributes in templ components.
aria
Package aria provides helpers for building ARIA (Accessible Rich Internet Applications) attributes in HTML elements using the templ system.
 Package aria provides helpers for building ARIA (Accessible Rich Internet Applications) attributes in HTML elements using the templ system.
data
Package data provides helpers for building HTML data-* attributes in templ components.
 Package data provides helpers for building HTML data-* attributes in templ components.
htmx
Package hx provides helpers for building htmx (hx-*) attributes in templ components.
 Package hx provides helpers for building htmx (hx-*) attributes in templ components.
Package wrappers provides reusable HTML wrappers with custom styles or classes.
 Package wrappers provides reusable HTML wrappers with custom styles or classes.
common/bg_overlay
Package bg_overlay provides reusable Background Overlay wrapper components.
 Package bg_overlay provides reusable Background Overlay wrapper components.
common/centred_box
Package centred_box provides reusable Centred Box wrapper components.
 Package centred_box provides reusable Centred Box wrapper components.
common/fade_in
Package fade_in provides reusable Fade In wrapper components.
 Package fade_in provides reusable Fade In wrapper components.
common/fitshrink
Package fitshrink provides reusable Fit Shrink wrapper components.
 Package fitshrink provides reusable Fit Shrink wrapper components.
common/text_align
Package text_align provides reusable Text Align wrapper components.
 Package text_align provides reusable Text Align wrapper components.
common/toast_container
Package toast_container provides reusable Toast Container wrapper components.
 Package toast_container provides reusable Toast Container wrapper components.
picocss/container
Package container provides reusable Container components with shared attributes.
 Package container provides reusable Container components with shared attributes.
picocss/dropdown
Package dropdown provides reusable Dropdown wrapper components.
 Package dropdown provides reusable Dropdown wrapper components.
picocss/grid
Package grid provides reusable grid wrapper components.
 Package grid provides reusable grid wrapper components.
picocss/group
Package group provides reusable Group wrapper components.
 Package group provides reusable Group wrapper components.
picocss/overflow
Package overflow provides reusable Overflow wrapper components.
 Package overflow provides reusable Overflow wrapper components.

Jump to

Keyboard shortcuts

? : This menu
/ : Search site
f or F : Jump to
y or Y : Canonical URL
go.dev uses cookies from Google to deliver and enhance the quality of its services and to analyze traffic. Learn more.