- Home
-
Trending Components of last 30 days
Trending Components of
-
# 1
author
Brandon D2k -
# 2Flour mill website landing page template
flour mill and services template website which comprise of many sections like about us, featured products, why us, visit us
author
Amit Pachange1.9k -
# 3Carousel with Tailwind CSS and Alpine.js
Simple card Carousel
author
Brandon D1.5k -
# 4
-
# 5Daystar Day care Dashboard
Daystar Day care Dashboard
author
Paul Livingstone Ssenoga1.4k -
# 6
-
# 7
author
Prajwal Hallale1.3k -
# 8Carousel Card Slider Swiper on Alpine.JS
with support drag and drop mouse actions
author
Maxim1.3k -
# 9
author
ABDESLAMI ACHRAF1.1k -
# 10
-
# 11
author
Maxim1.1k -
# 12Modern Login Page
Dive into a world of cool animations and captivating visuals. This beautifully crafted interface is not only eye-catching but also highly functional. You can use it as-is or customize it to make it your own. Share your ideas, and let’s create something extraordinary together!” Feel free to tweak it further or add any specific details you’d like. 😊🎨
author
AyDin VM1.1k -
# 133D Animated Image Gallery
3D Animated Image Gallery
author
Samuel Abera1k -
# 14Products cards w/ hover effect
Example of product card grid with product image, pricing and a hover effect FORKED FROM: https://tailwindflex.com/noob_dev/products-card-grid
author
threehymns1k -
# 15Portfolio Hero Section 3
visually stunning and captivating hero section component for your portfolio website.
author
Samuel Abera1k -
# 16Continue with social login buttons (google, linkedin, twitter, facebook, github, apple)
Login/signup buttons for Google, LinkedIn, Twitter, Facebook, GitHub, and Apple
author
Prajwal Hallale1k -
# 17Hero Section>> visually striking and incorporates some different elements.
Key features of this alternative hero section: 1. Background: - Uses a gradient overlay on top of a background image for depth. - Incorporates a semi-transparent dark overlay for better text contrast. 2. Layout: - Maintains a two-column layout on larger screens, stacking on mobile. - Left side focuses on a bold, three-line tagline and concise description. - Right side features a glassmorphic card with key selling points. 3. Design Elements: - Uses a custom Google Font (Poppins) for a modern look. - Incorporates rounded buttons with hover effects. - Features colorful icons for the selling points. - Adds a decorative wave SVG at the bottom for visual interest. 4. Responsiveness: - Adjusts padding, font sizes, and layout for different screen sizes. - Stacks buttons vertically on very small screens. 5. Interactivity: - Includes hover effects on buttons and links. This design aims to create a more visually impactful first impression while still maintaining clarity and focus on the key messages and call-to-action elements. The use of a background image with overlays adds depth, while the glassmorphic card on the right adds a modern touch. You can further customize this by: - Changing the background image URL to one that fits your brand. - Adjusting colors in the gradient, buttons, and icons to match your brand colors. - Modifying the tagline, description, and selling points to fit your company's message. Would you like me to explain any part of this code or make any further adjustments?
author
zobaidul kaziex989 -
# 18Responsive Navbar
Tailwind Navbar
author
Md. Tofayel islam975 -
# 19
author
Amit Pachange963 -
# 20
author
Aman kumar949