Standard Landing Boilerplate
This tailwind example is contributed by Hasan AlDoy (McDoy), on 16-Jan-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example is Front page
Author Hasan AlDoy (McDoy)
Related Examples
-
1 week ago376 -
2 months ago330 -
3 months ago746 -
Reusable Skill Showcase Section With Pure Tailwind CSSA fully responsive and modular "Skills & Tools" section, perfect for any developer portfolio. Built with static HTML and Tailwind CSS, this component can be easily integrated into any project and made dynamic using any frontend framework (Vue, React, Svelte, Angular) or vanilla JavaScript. Customize it to highlight your unique tech stack and create engaging portfolio pages.
1 week ago190 -
2 years ago11.4k -
Responsive eCommerce Footer Component with Tailwind CSSA modern, fully responsive eCommerce footer component built with Tailwind CSS. It includes multiple sections like company info, account links, help center, categories, social media icons, payment methods, and app download buttons. Optimized for seamless mobile and desktop experiences, making it perfect for any online store or business website.
1 month ago194 -
My Personal Landing pageThis HTML document showcases Aydin Vesali Moghaddam's personal portfolio, highlighting his journey in web development. The page features a responsive design that adapts to various screen sizes, ensuring a seamless user experience across devices. It includes a personal introduction, a brief overview of Aydin's tech journey, and a contact form for visitors to subscribe to updates. Additionally, the page provides links to Aydin's Discord, website, and Twitter, offering multiple avenues for connecting and staying updated on his projects.
1 year ago4.5k -
Portfolio Hero Section 3visually stunning and captivating hero section component for your portfolio website.
9 months ago6.2k -
Interactive Pricing TableThis modern pricing component features a visually appealing, responsive layout with smooth hover effects, making it ideal for showcasing different plans and subscription tiers. Design and Features: ✅ Elegant Gradient Backgrounds • Each pricing card has a unique gradient overlay, transitioning from soft gray, blue, or indigo to white, enhancing contrast and visual appeal. • The rounded-2xl design ensures a polished and smooth aesthetic. ✅ Interactive Hover Effects • Cards have a subtle hover shadow enhancement, making them pop on interaction (hover:shadow-[0_0px_25px_0px_rgba(0,0,0,0.2)]). • Slight floating effect (hover:translate-y-[-5px]) gives the illusion of elevation on hover. ✅ Pricing & Plan Details • Each card presents a plan title, a short subtitle, and a bold price display (text-3xl font-extrabold text-indigo-500). • Supports free, subscription-based, and enterprise-tier pricing, ensuring flexibility for different business models. ✅ Call-to-Action Buttons • Each plan features a highly visible CTA button (bg-indigo-700 text-white rounded-md). • The buttons change color on hover (hover:bg-indigo-500) and expand slightly, encouraging user interaction. ✅ Animated Background Icons • A large, transparent icon (text-[500px] text-gray-100) dynamically moves on hover (group-hover:-translate-y-8 group-hover:-translate-x-8), adding depth and a premium feel. This pricing component is perfect for SaaS platforms, digital subscriptions, and service offerings, ensuring a modern, sleek, and engaging user experience. 🚀
2 months ago379 -
9 months ago3.4k -
Employee Data Management System TailwindCSS,HtmlThis project is made of only html and even tailwind is using CDN to save storage space. Best for SPA and routing with other components .
1 month ago308 -
4 months ago2k
Explore components by Tags
Didn't find component you were looking for?
Search from 2100+ components
