• Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
dcm31

dcm31

button-demos

Paste and preview button designs
Public
Like
button-demos
Home
Code
3
README.md
buttons.html
H
main.ts
Environment variables
Branches
1
Pull requests
Remixes
History
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
Code
/
Search
README.md

Button Demos

Quick preview for button designs from Penpot (or any design tool).

Usage

  1. Export your button HTML/CSS from Penpot
  2. Paste it into buttons.html
  3. View the live preview at the val's HTTP endpoint

What goes in buttons.html

  • Raw HTML button elements
  • <style> blocks with your CSS
  • Inline styles
  • Tailwind classes (loaded automatically)

Example

<style> .my-button { background: #3b82f6; color: white; padding: 12px 24px; border-radius: 8px; } </style> <button class="my-button">Click Me</button>
Code
README.mdbuttons.html
H
main.ts
FeaturesVersion controlCode intelligenceCLIMCP
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Open Source Pledge
Terms of usePrivacy policyAbuse contact
© 2026 Val Town, Inc.