<section class="section pt-0">
<nav class="navbar py-4">
<div class="navbar-brand">
<a class="navbar-item" href="#">
<img class="image" src="bulma-plain-assets/logos/plainb-logo.svg" alt="" width="96px">
</a>
<a class="navbar-burger" role="button" aria-label="menu" aria-expanded="false">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
</a>
</div>
<div class="navbar-menu">
<div class="navbar-end"><a class="navbar-item" href="#">About</a><a class="navbar-item" href="#">Company</a><a class="navbar-item" href="#">Services</a><a class="navbar-item" href="#">Testimonials</a></div>
<div class="navbar-item"><a class="button is-primary" href="#">Contact Us</a></div>
</div>
</nav>
<div class="container pt-5">
<div class="mb-5 is-vcentered columns is-multiline">
<div class="column is-12 is-5-desktop mb-5 mr-auto">
<h2 class="mb-6 is-size-1 is-size-3-mobile has-text-weight-bold">Take care of your performance every day.</h2>
<p class="subtitle has-text-grey mb-6">Build a well-presented brand that everyone will love. Take care to develop resources continually and integrity them with previous projects.</p>
<div class="buttons"><a class="button is-primary" href="#">Track your performance</a><a class="button" href="#">Learn more</a></div>
</div>
<div class="column is-12 is-6-desktop">
<img class="image is-fullwidth" src="bulma-plain-assets/images/green-400-square.png" alt="">
</div>
</div>
<div class="is-block-desktop is-hidden-touch has-text-centered">
<button class="button p-0 is-rounded" style="width: 56px;height: 56px border-radius: 50% !important;">
<svg class="has-text-grey-dark mx-auto" style="width: 20px; height: 20px;" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
</svg>
</button>
</div>
</div>
</section>Framework
All Frameworks
UI Library
Plain
Bulma UI Components by Shuffle
Choose from 130 of ready-made UI components available in Shuffle Editor.
By subscribing to the editor, you get access to all of them.
The UI libraries are available in four frameworks - Tailwind CSS, Bootstrap, Bulma, and Material-UI (React). We divided them into components, under which there is clear code. In Shuffle Editor, you can build whole templates from them, editing styles, texts, images, and other features. You can also export them as code and work in your favorite IDE.
