Stats
Statistics Data Tailwind CSS Blocks - Tailblocks
Statistics Data Tailwind CSS Blocks - Tailblocks
Statistics Data Tailwind CSS Blocks - Tailblocks
Statistics Data Tailwind CSS Blocks - Tailblocks
Statistics Data Tailwind CSS Blocks - Tailblocks
Statistics Data Tailwind CSS Blocks - Tailblocks
Statistics Data Tailwind CSS Blocks - Tailblocks
Statistics Data Tailwind CSS Blocks - Tailblocks
Statistics Data Tailwind CSS Blocks - Tailblocks
Statistics Data Tailwind CSS Blocks - Tailblocks
Header
Header Tailwind CSS Blocks - Tailblocks
Header Tailwind CSS Blocks - Tailblocks
Header Tailwind CSS Blocks - Tailblocks
Header Tailwind CSS Blocks - Tailblocks
Header Tailwind CSS Blocks - Tailblocks
Header Tailwind CSS Blocks - Tailblocks
Header Tailwind CSS Blocks - Tailblocks
Header Tailwind CSS Blocks - Tailblocks
Header Tailwind CSS Blocks - Tailblocks
Header Tailwind CSS Blocks - Tailblocks
Team
Team Tailwind CSS Blocks - Tailblocks
Team Tailwind CSS Blocks - Tailblocks
Team Tailwind CSS Blocks - Tailblocks
Team Tailwind CSS Blocks - Tailblocks
Team Tailwind CSS Blocks - Tailblocks
Team Tailwind CSS Blocks - Tailblocks
404
Testimonial Tailwind CSS Blocks - Tailblocks
Testimonial Tailwind CSS Blocks - Tailblocks
Testimonial Tailwind CSS Blocks - Tailblocks
Testimonial Tailwind CSS Blocks - Tailblocks
Testimonials
Testimonial Tailwind CSS Blocks - Tailblocks
Testimonial Tailwind CSS Blocks - Tailblocks
Testimonial Tailwind CSS Blocks - Tailblocks
Testimonial Tailwind CSS Blocks - Tailblocks
Testimonial Tailwind CSS Blocks - Tailblocks
Testimonial Tailwind CSS Blocks - Tailblocks
Testimonial Tailwind CSS Blocks - Tailblocks
Testimonial Tailwind CSS Blocks - Tailblocks
Testimonial Tailwind CSS Blocks - Tailblocks
Testimonial Tailwind CSS Blocks - Tailblocks
Login
Login Page for web design
Login Page for web design
Login Page for web design
Login Page for web design
Login Page for web design
Login Page for web design
Login Page for web design
Card
Pricing Card UI for web design
Pricing Card UI for web design
Pricing Card UI for web design
Pricing Card UI for web design
Pricing Card UI for web design
Post
Post UI for web design Tailwind
Post UI for web design Tailwind
Post UI for web design Tailwind
Post UI for web design Tailwind
Post UI for web design Tailwind
Post UI for web design Tailwind
Post UI for web design Tailwind
Post UI for web design Tailwind
Post UI for web design Tailwind
Contact
Contact Form UI design Tailwind CSS
Contact Form UI design Tailwind CSS
Contact Form UI design Tailwind CSS
Contact Form UI design Tailwind CSS
Contact Form UI design Tailwind CSS
Contact Form UI design Tailwind CSS
Contact Form UI design Tailwind CSS
Contact Form UI design Tailwind CSS
Contact Form UI design Tailwind CSS
Contact Form UI design Tailwind CSS
Contact Form UI design Tailwind CSS
Navigation
Header UI design by Tailwind CSS - Tailblocks
Buttons
Buttons Custom design tailwind with icons
Pagination
Pagination UI with code - Tailblocks
Share Buttons
Pagination UI with code - Tailblocks
Footer
Footer UI design with code by tailblocks.shop
Footer UI design with code by tailblocks.shop
Footer UI design with code by tailblocks.shop
Footer UI design with code by tailblocks.shop
Footer UI design with code by tailblocks.shop
Footer UI design with code by tailblocks.shop
Footer UI design with code by tailblocks.shop
Free
$0
For Freelancers
1 user
10 downloads per day
Daily content updates
100 downloads per day
Daily Backups
Subscribe
Gold
$9.99
For Developers
10 user
100 downloads per day
Daily content updates
Daily Backups
Hourly Backups
Subscribe
Platinum
$14.99
For Business
1 user
1000 downloads per day
Hourly Backups
Daily content updates
24x7 Service
Subscribe
<div class="flex justify-center"> <div class="flex flex-col md:flex-row max-w-7xl justify-center items-center m-2"> <div class="bg-white m-4 shadow-xl min-h-96 flex flex-col justify-center text-black hover:text-white hover:bg-stone-900 hover:scale-105 "> <div class="m-8 h-96"> <div class=" m-2">Free</div> <div class=" m-2 text-3xl">$0</div> <div class=" m-2 mt-8">For Freelancers</div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon><div class="">1 user</div> </div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon><div class="">10 downloads per day</div> </div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon><div class="">Daily content updates</div> </div> <div class="flex"> <ion-icon name="close-circle-outline" class="m-1 text-red-500"></ion-icon><div class="">100 downloads per day</div> </div> <div class="flex"> <ion-icon name="close-circle-outline" class="m-1 text-red-500"></ion-icon><div class="">Daily Backups </div> </div> </div> <div class="flex justify-center"> <div class="bg-stone-900 text-white cursor-pointer m-4 px-8 py-1 rounded-2xl hover:bg-white hover:text-stone-900 font-medium">Subscribe</div> </div> </div> <div class="bg-white m-4 shadow-xl min-h-96 flex flex-col justify-center text-black hover:text-white hover:bg-stone-900 hover:scale-105 "> <div class="m-8 h-96 "> <div class=" m-2">Gold</div> <div class=" m-2 text-3xl">$9.99</div> <div class=" m-2 mt-8">For Developers</div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon><div class="">10 user</div> </div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon><div class="">100 downloads per day</div> </div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon><div class="">Daily content updates</div> </div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon><div class="">Daily Backups </div> </div> <div class="flex"> <ion-icon name="close-circle-outline" class="m-1 text-red-500"></ion-icon><div class="">Hourly Backups</div> </div> </div> <div class="flex justify-center"> <div class="bg-stone-900 text-white cursor-pointer m-4 px-8 py-1 rounded-2xl hover:bg-white hover:text-stone-900 font-medium">Subscribe</div> </div> </div> <div class="bg-white m-4 shadow-xl min-h-96 flex flex-col justify-center text-black hover:text-white hover:bg-stone-900 hover:scale-105 "> <div class="m-8 h-96 "> <div class=" m-2">Platinum</div> <div class=" m-2 text-3xl">$14.99</div> <div class=" m-2 mt-8">For Business</div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon><div class="">1 user</div> </div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon><div class="">1000 downloads per day</div> </div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon><div class="">Hourly Backups</div> </div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon><div class="">Daily content updates</div> </div> <div class="flex"> <ion-icon name="checkmark-circle-outline" class="m-1 text-green-500"></ion-icon><div class="">24x7 Service</div> </div> </div> <div class="flex justify-center"> <div class="bg-stone-900 text-white cursor-pointer m-4 px-8 py-1 rounded-2xl hover:bg-white hover:text-stone-900 font-medium">Subscribe</div> </div> </div> </div> <script src="https://cdn.tailwindcss.com"></script> <script src="https://use.fontawesome.com/03f8a0ebd4.js"></script> <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script> <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>