<div class="field" style="max-width: 600px;">
<p class="control has-icons-left has-icons-right">
<input class="input" type="email" placeholder="Email">
<span class="icon is-small is-left">
<i class="fas fa-envelope"></i>
</span>
</p>
</div>Browse ready-made Bulma components that use this class.
Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.
Build websites faster with an AI Visual Editor
© 2026 Shuffle. All rights reserved.
See what you're getting before you commit. We ship new updates every day.
Describe what you need in one chat and the Agent does the rest: it adds new sections, edits copy and styles, moves blocks around or removes them across your whole page. No modes, no switching, just tell it what to change.
Not quite there yet? Ask for tweaks like missing assets, your logo or other details, and regenerate the design without starting from scratch.
Ask Codex or Claude in your project, “How can I make the homepage convert better?”, then brainstorm, generate new designs with Shuffle right from your terminal, compare previews and bring the code you like straight into your project. (Read more)