- Home
-
Home page 2
Home page 2
Отзывчивый логотип по центру. Интерактивные кнопки призыва к действию.
This tailwind example is contributed by Алла Телегина, on 16-Feb-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are popup,dialog
Author Алла Телегина
Related Examples
-
Applications Showcase
This is a stylish and interactive application showcase component designed for web use. It features the following elements: Background Styling: The main container has a rounded-rectangle shape (rounded-3xl) with a subtle white base overlaying a high-resolution background image, styled with background-size: 600px for an artistic touch. The image itself dynamically serves as a backdrop, giving the component a layered appearance. Main Icon: A small circular icon, located at the top-right corner, appears with smooth hover effects: Enlarges to double its size (scale-[2]). Rotates (rotate-[410deg]). Moves diagonally upwards-right (translate-x-3, -translate-y-3). These transitions occur over a duration of 1 second (transition duration-1000). Overlay Gradient: A transparent gradient overlay (bg-gradient-to-l) adds a polished depth effect, transitioning from black (from-black/80) to lighter shades. App Icon and Info: Icon: The app icon is a smaller, bordered square image (rounded-2xl) with hover shrink animations (group-hover:scale-95). Text: A bold application title (text-md font-semibold) with hover-animated underline effects that gradually expand from left to right. A short app description styled as secondary text. Call-to-Action Button: Below the card is a subtle, rounded button (rounded-full) encouraging interaction. It features: A hover effect with color inversion (gray to black). A lift effect (hover:-translate-y-1) when hovered. This component is perfect for modern app showcases, offering a dynamic, user-friendly visual experience. It ensures a professional look while engaging users through smooth animations and clear calls to action.
4 months ago1.4k -
Notifications
Toast Notifications are lightweight and customizable components for displaying short messages or alerts. They are perfect for feedback on user actions, such as form submissions or system updates. Supports different types of notifications (success, error, warning, info). Automatically hides after a specified timeout. Option to include action buttons or close icons. Customizable styles, animation, and position on the screen.
3 months ago437 -
Elevated Buton
On hover merge shadow
7 months ago1.3k -
1 year ago8.1k
-
Ripple Button
Ripple Button is an interactive button component with a ripple animation that responds to user clicks
2 months ago414 -
Card
Card with Likes and download Button
1 year ago9.6k -
2 years ago9.1k
-
Button group
Add active class to clicked button using JavaScript
2 years ago10k -
2 years ago12.1k
-
Ripple Button
Ripple Button is an interactive button component with a ripple animation that responds to user clicks
1 year ago11.4k -
Logo cloud of customers
Showcase your customers along with their logos.
1 year ago2.2k -
2 years ago10.2k
Explore components by Tags
Didn't find component you were looking for?
Search from 2100+ components