- Home
-
Notification Badge
Notification Badge
This tailwind example is contributed by Mr Robot, on 26-Jul-2022. Component is made with Tailwind CSS v3. similar terms for this example are Toast, Snackbar

Author Mr Robot
Related Examples
-
2 years ago13.7k
-
2 years ago13.3k
-
Snackbar with button
Show and close snackbar on button click with default timeout
1 year ago9.6k -
1 year ago6.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 ago446 -
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.
1 week ago31 -
2 years ago8.5k
-
2 years ago9.5k
-
Notification alert section
Show info, success, or error messages
2 years ago10k -
3 months ago740
-
Timeline
timeline with journey
3 months ago479 -
Closable toast message
show notification toast message at the bottom right corner
2 years ago7.8k
Explore components by Tags
Didn't find component you were looking for?
Search from 2100+ components