test
test
This tailwind example is contributed by Anonymous, on 30-Jun-2025. Component is made with Tailwind CSS v3. It is responsive.
Author Anonymous
Related Examples
-
Hero SectionResponsive Hero Section for you Project Background Image: A stunning, high-quality Unsplash photo that creates a unique visual impact. Overlay: Semi-transparent black overlay with blur effect for readability and a modern aesthetic. Content Area: Centered with a gradient background overlay for contrast, bold headline, engaging subtext. Buttons: Vibrant gradient and clean border with smooth hover animations to draw attention. Responsive Design: Looks great on all screen sizes with adaptable padding and font sizes.
1 month ago188 -
Macbook Air 13" MockupA gorgeous component that can be used for landing pages, hero statements and more. Interested in our UI library? Check out the discord link in my bio.
8 months ago1.7k -
2 years ago11.2k -
DevPortmodern portifolio by salvator
2 months ago392 -
1 year ago6.3k -
Fully Animated Timeline CardIt is at a 20s interval for testing purposes. Go to the <style> and change the .content-scroll class from 20s to 35s for a production ready slower animation.
8 months ago1.4k -
Hero_Page#heropage #landingpage
2 weeks ago80 -
Chat Box for MarketingAn Onyx component. This chat box is great for SAAS landing pages where you want to mock customer interactions or expectations.
9 months ago1.2k -
Smooth Slide-in Animation for Text in Tailwind CSSLearn how to create a smooth slide-in animation for text using Tailwind CSS. This guide covers defining custom animations in tailwind.config.js and applying them to elements for a modern and engaging UI effect. 🚀
3 months ago682 -
2 years ago11.6k -
Summer Collection 2025Summer Collection 2025
1 month ago68 -
Hero SectionHome hero section search bar
1 year ago6.7k
Explore components by Tags
Didn't find component you were looking for?
Search from 2400+ components
