dcm31

dcm31

button-demos

Paste and preview button designs

Public

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.

/

Button Demos

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

Usage

Export your button HTML/CSS from Penpot
Paste it into buttons.html
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.md buttons.html