svtui
v69420-abcdef0 An open-source, minimal Svelte component repository for building web applications and static sites with terminal aesthetic. Inspired
by srcl. This project is currently under development and prone to issues.
Action Button Buttons that represent actions, typically used for navigation or important tasks.
Action List Action lists are used to present a list of actions or options to the user.
Badge Badges are small, inline elements used to display status, counts, or labels.
Button Buttons that should be used primarily for actions that require attention.
PRIMARY BUTTON SECONDARY BUTTON DISABLED BUTTON LINK BUTTON Card Cards are container components used to group related content with optional titles.
Card content with left-aligned title (default).
Card content with right-aligned title.
Checkbox Checkboxes allow users to select one or more options from a set.
Code Block Code blocks are used to display code snippets in a formatted manner.
001 package main
002
003 import "fmt"
004
005 func main() {
006 fmt.Println("Hello, World!")
007 }
Input/Label Input fields for user text input, specifically. Labels are used to describe the input fields.
Table Tables display data in rows and columns with optional reactive cell highlighting on value changes.
Update All Prices
Live stock prices — click "Update All Prices" to see the flash effect. AAPL Apple Inc. $178.52 GOOGL Alphabet Inc. $141.80 MSFT Microsoft Corp. $378.91 AMZN Amazon.com Inc. $178.25