Build modern website faster and easier
Build beautiful, modern websites effortlessly with UnoCSS.
Fully Responsive
All blocks/components are fully responsive, ensuring that your website or web app looks great on any device
Custumizable
Unify-UI is highly customizable, allowing you to tailor the look and feel of your website to your specific needs.
Modern and Accessible
Unify-UI is modern and accessible, ensuring usability for everyone.
Framework Support
Designed to be compatible with your favourite framework, making it easy to integrate into your projects.
Efficient Design
Designed to save you time when designing websites and web apps, allowing you to focus on what matters most.
Dark mode support
We’ve included support for dark mode, allowing your users to switch between light and dark themes with ease.
Enhance Your Productivity
<div class="flex-1 flex justify-center md-justify-end items-center relative">
<div class="max-w-sm w11/12 ">
<div class="border border-border p6 md-p8 rd-2xl bg-card flex flex-col">
<span class="text-fg-title font-bold text-xl">Business Plan</span>
<p class="text-fg my6">
Lorem ipsum dolor sit amet consectetur, adipisicing elit.
</p>
<div class="flex items-end gap4 py4 border-y border-y-neutral2 dark-border-y-neutral8">
<span
class="bg-clip-text text-transparent bg-gradient-to-br from-primary to-purple-400 font-bold text-4xl">
$400
</span>
<span class="bg-primary/10 text-primary dark-text-fg-title dark-bg-card-inside px-2 rounded-md">
lifetime
</span>
</div>
<ul class="flex flex-col gap-y3 children-flex children-items-center children-gap-x4 py8">
<li>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"
class="w4 h4 fill-primary">
<path fill-rule="evenodd"
d="M16.403 12.652a3 3 0 000-5.304 3 3 0 00-3.75-3.751 3 3 0 00-5.305 0 3 3 0 00-3.751 3.75 3 3 0 000 5.305 3 3 0 003.75 3.751 3 3 0 005.305 0 3 3 0 003.751-3.75zm-2.546-4.46a.75.75 0 00-1.214-.883l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"
clip-rule="evenodd" />
</svg>
Lorem ipsum dolor sit amet
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"
class="w4 h4 fill-primary">
<path fill-rule="evenodd"
d="M16.403 12.652a3 3 0 000-5.304 3 3 0 00-3.75-3.751 3 3 0 00-5.305 0 3 3 0 00-3.751 3.75 3 3 0 000 5.305 3 3 0 003.75 3.751 3 3 0 005.305 0 3 3 0 003.751-3.75zm-2.546-4.46a.75.75 0 00-1.214-.883l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"
clip-rule="evenodd" />
</svg>
Lorem ipsum dolor sit amet
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"
class="w4 h4 fill-primary">
<path fill-rule="evenodd"
d="M16.403 12.652a3 3 0 000-5.304 3 3 0 00-3.75-3.751 3 3 0 00-5.305 0 3 3 0 00-3.751 3.75 3 3 0 000 5.305 3 3 0 003.75 3.751 3 3 0 005.305 0 3 3 0 003.751-3.75zm-2.546-4.46a.75.75 0 00-1.214-.883l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"
clip-rule="evenodd" />
</svg>
Lorem ipsum dolor sit amet
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor"
class="w4 h4 fill-primary">
<path fill-rule="evenodd"
d="M16.403 12.652a3 3 0 000-5.304 3 3 0 00-3.75-3.751 3 3 0 00-5.305 0 3 3 0 00-3.751 3.75 3 3 0 000 5.305 3 3 0 003.75 3.751 3 3 0 005.305 0 3 3 0 003.751-3.75zm-2.546-4.46a.75.75 0 00-1.214-.883l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z"
clip-rule="evenodd" />
</svg>
Lorem ipsum dolor sit amet
</li>
</ul>
<a thref="#" class="flex items-center justify-center h10 bg-primary text-white rd-lg">
Get Started
</a>
</div>
</div>
</div>
Lorem ipsum dolor sit amet consectetur, adipisicing elit.
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
- Lorem ipsum dolor sit amet
Stay Updated with Unify-UI: Your UI Design Digest
Subscribe to our newsletter and get the latest updates on Unify-UI’s new features right in your inbox.