- Home
-
Icon Notification Badge with Count
Icon Notification Badge with Count
This tailwind example is contributed by Arya, on 11-Jan-2023. Component is made with Tailwind CSS v3. similar terms for this example are Toast, Snackbar

Author Arya
Related Examples
-
2 years ago14.5k
-
1 year ago6.6k
-
3 years ago10.1k
-
Promotional notification
sticky bottom promotional banner
2 years ago9.7k -
Notification Alert Section
Notification card with close button
2 years ago12.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.
6 months ago641 -
1 year ago7.7k
-
E-Learning Course Card with Badge and Level Indicator
An HTML and Tailwind CSS component mockup for displaying course information. Features include a placeholder image area with an overlaid certificate badge, a distinct level indicator banner below the image, category text, a course title, key details (like duration and learner count placeholders), and primary/secondary action buttons. Designed for e-learning platforms or course listings.
3 months ago510 -
Snackbar with button
Show and close snackbar on button click with default timeout
1 year ago10.2k -
3 years ago9.1k
-
chip
Interactive and customizable chips or tags to display labels, categories, or filters. Includes options for removable chips with icons and different styles.
6 months ago1.1k -
Hashtag Pills
Minimal hastag cloud
2 years ago12.4k
Explore components by Tags
Didn't find component you were looking for?
Search from 2400+ components