Design Beautiful websites easily.

Create stunning and responsive sites with our collection of pre-built themes, expertly crafted to give your project a professional and polished look on any device.

Interactive Sample Section

This is a smaller version of the hero section above. It's designed to be interactive and showcase more components.

HTML 

<iframe 
class="top-navbar" 
src="https://themes-blush-one.vercel.app/snippets/web-theme/navbar.html?title=WebTheme&link1_label=Home&link1_href=#&link2_label=Features&link2_href=#&link3_label=Support&link3_href=#" 
height="70"></iframe>

Live Snippet Editor

Modify the iframe code below and hit 'Run' to see the changes live.

Live Result
HTML (Editable) 

<iframe
    id="price-card-live"
    src=""
    width="400"
    height="500"
    style="border: none; overflow: hidden; margin: 0 auto; display: block;"
    data-base-url="https://themes-blush-one.vercel.app/snippets/web-theme/pricing-card.html"
    data-frame-id="price-card-live"
    data-plan-name="Premium Pro"
    data-price="$299"
    data-interval="/yr"
    data-features="Advanced Analytics, Priority Support, 5 Team Members"
    data-cta-text="Go Annual"
    data-primary-color="3b82f6"
    data-accent-color="3b82f6"
    data-highlighted="false"
></iframe>

Get Started

To use linear-gradient() with two colors, you need to define the colors inside the parentheses. By default, the gradient will flow from top to bottom.

Powered by Komumech