Feature Grid
Features with icons in grid layout
Preview
Lightning Fast
Built with optimized code and best practices for maximum performance.
Secure by Default
Security built into every component with Laravel best practices.
Fully Customizable
Every component can be easily customized to match your brand.
{ window.Prism.highlightElement($refs.codeEl) }) }"
class="w-full flex items-center justify-between px-6 py-4 text-left bg-gray-50 dark:bg-gray-900 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors cursor-pointer">
View Code
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="bg-white dark:bg-gray-800 rounded-xl shadow p-8 text-center hover:shadow-lg transition-shadow">
<div class="w-14 h-14 bg-blue-100 dark:bg-blue-900/30 rounded-xl flex items-center justify-center mx-auto mb-4">
</div>
<h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-2">Feature Title</h3>
<p class="text-gray-600 dark:text-gray-400 text-sm">Feature description goes here.</p>
</div>
</div>