Tailwind Tools:
Button Generator
Table Tool
Modal Generator
Cards
Alerts
Progress
More
▼
Dropdown
Accordion
Popover
Tooltips
Pagination
Badges
Breadcrumbs
Text Maker
Link Maker
☰
Button Generator
Table Tool
Cards
Alerts
Progress
More
▼
Pagination
Dropdown
Badges
Breadcrumbs
Text Maker
Link Maker
Tailwind Alert Maker
Create customized alert components with Tailwind CSS
Alert Options
Alert Type
Choose the type/color of your alert
Info (Blue)
Success (Green)
Warning (Yellow)
Error (Red)
Neutral (Gray)
Custom
Background Color
Text Color
Alert Content
Enter the text for your alert
This is an example alert message.
Include List
Add a bulleted list to your alert
Add item
Include Link
Add a link to your alert
Include Icon
Add an icon to your alert
Choose an Icon
Info
Success
Warning
Error
Notification
Security
Tip
Question
Custom Icon (FontAwesome)
Dismissible
Allow the alert to be closed
Fade Effect
Add a fade animation when closing
Auto Close
Automatically close the alert after a delay
milliseconds
Custom Classes
Add additional Tailwind classes
Accessibility Attributes
Add ARIA attributes for better accessibility
Border
Add a border to your alert
Shadow
Add a shadow effect
Rounded Corners
Add rounded corners to your alert
Alignment
Choose the text alignment
Left
Center
Right
Live Preview
Generated Code
Copy Code