UI Component Previewer

Preview UI component variations with live editing.

Preview

Dark BG

Width:400px

HTML<div style="font-family: sans-serif; padding: 20px;"> <h2 style="margin: 0 0 8px; font-size: 20px;">Card Title</h2> <p style="margin: 0 0 12px; color: #666; font-size: 14px;"> This is a preview of your HTML component. </p> <button style="background: #3b82f6; color: white; border: none; padding: 8px 16px; border-radius: 6px; cursor: pointer; font-size: 14px;"> Action </button> </div>

CSS