T
Tailwind-Admin
/
free-tailwind-admin-dashboard-template
/
components
Files
Code
Info
action-tracking-motion
A Card component with action tracking animation.
alert-card-motion
A Card component with alert animation.
animate-border-card-motion
A Card component with animated border effect.
animate-table-motion
A table component with row animation.
animated-list-motion
A list component with staggered animation.
animated-tab-motion
A tab component with animated selection.
animated-text-background-motion
A text component with animated gradient background.
animated-tooltip-motion
A tooltip component with animated selection.
bell-notify-button
A Button component with optional code display for UI blocks.
best-selling-product
A Card component with optional code display for UI blocks.
blog-cards
A Card component with optional code display for UI blocks.
card-circle-motion
A Card component with circle reveal animation.
card-lift-motion
A Card component with lift animation on hover.
current-value-chart
A Chart component with optional code display for UI blocks.
current-year-chart
A Chart component with optional code display for UI blocks.
customers-chart
A Chart component with optional code display for UI blocks.
dot-loader-motion
A dot loader component with animation.
download-banner
A banner component with optional code display for UI blocks.
earned-chart
A Chart component with optional code display for UI blocks.
elastic-slider-motion
A slider component with elastic animation.
empty-banner
A banner component with optional code display for UI blocks.
error-banner
A banner component with optional code display for UI blocks.
expandable-card-motion
A Card component that expands on click.
expnace-chart
A Chart component with optional code display for UI blocks.
feed-cards
A Card component with optional code display for UI blocks.
file-upload-motion
A file upload component with drag and drop animation.
flip-card-motion
A Card component with flip animation.
followers-chart
A Chart component with optional code display for UI blocks.
gift-cards
A Card component with optional code display for UI blocks.
glitch-button
A Button component with glitch animation effect.
glow-link-button
A Button component with glow effect on hover.
greeting-banner
A banner component with optional code display for UI blocks.
heart-like-button
A Button component with heart animation for like functionality.
heartbeat-effect-button
A Button component with heartbeat effect animation on hover.
hover-lift-button
A Button component that lifts on hover.
image-comparison-motion
A component for comparing two images with a slider.
income-chart
A Chart component with optional code display for UI blocks.
input-form-motion
An input form component with spotlight effect.
input-placeholder-motion
An input form component with spotlight effect.
insight-card-motion
A Card component displaying insights with animation.
link-preview
An preview link component with spotlight effect.
liquid-fill-button
A Button component with liquid fill animation on hover.
login-1
A Card component with optional code display for UI blocks.
login-2
A Card component with optional code display for UI blocks.
login-3
A Card component with optional code display for UI blocks.
login-4
A Card component with optional code display for UI blocks.
magnetic-button
A Button component with magnetic effect animation on hover.
matrix-rain-button
A Button component with matrix rain animation effect.
message-card-motion
A Card component displaying messages with animation.
monthly-earning-chart
A Chart component with optional code display for UI blocks.
most-visited-chart
A Chart component with optional code display for UI blocks.
music-cards
A Card component with optional code display for UI blocks.
mutual-banner
A banner component with optional code display for UI blocks.
notification-banner
A banner component with optional code display for UI blocks.
otp-1
A Card component with optional code display for UI blocks.
otp-2
A Card component with optional code display for UI blocks.
otp-3
A Card component with optional code display for UI blocks.
page-impression-chart
A Chart component with optional code display for UI blocks.
payment-gateways
A Card component with optional code display for UI blocks.
playful-wiggle-button
A Button component with playful wiggle animation.
poll-of-week
A Card component with optional code display for UI blocks.
poll-result
A Card component with optional code display for UI blocks.
products-cards
A Card component with optional code display for UI blocks.
profile-cards
A Card component with optional code display for UI blocks.
projects-chart
A Chart component with optional code display for UI blocks.
recent-comments
A Card component with optional code display for UI blocks.
recent-messages
A Card component with optional code display for UI blocks.
recent-transaction
A Card component with optional code display for UI blocks.
revenue-updates-chart
A Chart component with optional code display for UI blocks.
review-cards
A Card component with optional code display for UI blocks.
ripple-effect-button
A Button component with ripple effect animation on hover.
sales-overview-chart
A Chart component with optional code display for UI blocks.
settings-card
A Card component with optional code display for UI blocks.
shine-effect-button
A Button component with shine effect animation on hover.
shiny-button
A Button component with shiny effect animation.
shiny-text-motion
A text component that shines.
signup-1
A Card component with optional code display for UI blocks.
signup-2
A Card component with optional code display for UI blocks.
signup-3
A Card component with optional code display for UI blocks.
signup-4
A Card component with optional code display for UI blocks.
social-card
A Card component with optional code display for UI blocks.
social-cards
A Card component with optional code display for UI blocks.
social-post
A Card component with optional code display for UI blocks.
star-favourite-button
A Button component with star animation for favourite functionality.
tap-pop-button
A Button component with tap and pop animation effect.
task-list
A Card component with optional code display for UI blocks.
text-roller-motion
A text component that rolls through a list of words.
text-shimmer-motion
A text component with shimmer effect.
three-d-card-motion
A Card component with 3D hover effect.
top-cards
A Card component with optional code display for UI blocks.
total-earnigs-chart
A Chart component with optional code display for UI blocks.
transition-tab-motion
A tab component with transition effects.
typing-animation-motion
A text component with typing animation.
upcomming-activities
A Card component with optional code display for UI blocks.
user-cards
A Card component with optional code display for UI blocks.
user-info-card
A Card component with optional code display for UI blocks.
user-profile-card
A Card component with optional code display for UI blocks.
views-chart
A Chart component with optional code display for UI blocks.
weekly-stats-chart
A Chart component with optional code display for UI blocks.
welcome-banner
A banner component with optional code display for UI blocks.
yarly-breakup-chart
A Chart component with optional code display for UI blocks.
yearly-sales-chart
A Chart component with optional code display for UI blocks.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information
action-tracking-motion
A Card component with action tracking animation.
alert-card-motion
A Card component with alert animation.
animate-border-card-motion
A Card component with animated border effect.
animate-table-motion
A table component with row animation.
animated-list-motion
A list component with staggered animation.
animated-tab-motion
A tab component with animated selection.
animated-text-background-motion
A text component with animated gradient background.
animated-tooltip-motion
A tooltip component with animated selection.
bell-notify-button
A Button component with optional code display for UI blocks.
best-selling-product
A Card component with optional code display for UI blocks.
blog-cards
A Card component with optional code display for UI blocks.
card-circle-motion
A Card component with circle reveal animation.
card-lift-motion
A Card component with lift animation on hover.
current-value-chart
A Chart component with optional code display for UI blocks.
current-year-chart
A Chart component with optional code display for UI blocks.
customers-chart
A Chart component with optional code display for UI blocks.
dot-loader-motion
A dot loader component with animation.
download-banner
A banner component with optional code display for UI blocks.
earned-chart
A Chart component with optional code display for UI blocks.
elastic-slider-motion
A slider component with elastic animation.
empty-banner
A banner component with optional code display for UI blocks.
error-banner
A banner component with optional code display for UI blocks.
expandable-card-motion
A Card component that expands on click.
expnace-chart
A Chart component with optional code display for UI blocks.
feed-cards
A Card component with optional code display for UI blocks.
file-upload-motion
A file upload component with drag and drop animation.
flip-card-motion
A Card component with flip animation.
followers-chart
A Chart component with optional code display for UI blocks.
gift-cards
A Card component with optional code display for UI blocks.
glitch-button
A Button component with glitch animation effect.
glow-link-button
A Button component with glow effect on hover.
greeting-banner
A banner component with optional code display for UI blocks.
heart-like-button
A Button component with heart animation for like functionality.
heartbeat-effect-button
A Button component with heartbeat effect animation on hover.
hover-lift-button
A Button component that lifts on hover.
image-comparison-motion
A component for comparing two images with a slider.
income-chart
A Chart component with optional code display for UI blocks.
input-form-motion
An input form component with spotlight effect.
input-placeholder-motion
An input form component with spotlight effect.
insight-card-motion
A Card component displaying insights with animation.
link-preview
An preview link component with spotlight effect.
liquid-fill-button
A Button component with liquid fill animation on hover.
login-1
A Card component with optional code display for UI blocks.
login-2
A Card component with optional code display for UI blocks.
login-3
A Card component with optional code display for UI blocks.
login-4
A Card component with optional code display for UI blocks.
magnetic-button
A Button component with magnetic effect animation on hover.
matrix-rain-button
A Button component with matrix rain animation effect.
message-card-motion
A Card component displaying messages with animation.
monthly-earning-chart
A Chart component with optional code display for UI blocks.
most-visited-chart
A Chart component with optional code display for UI blocks.
music-cards
A Card component with optional code display for UI blocks.
mutual-banner
A banner component with optional code display for UI blocks.
notification-banner
A banner component with optional code display for UI blocks.
otp-1
A Card component with optional code display for UI blocks.
otp-2
A Card component with optional code display for UI blocks.
otp-3
A Card component with optional code display for UI blocks.
page-impression-chart
A Chart component with optional code display for UI blocks.
payment-gateways
A Card component with optional code display for UI blocks.
playful-wiggle-button
A Button component with playful wiggle animation.
poll-of-week
A Card component with optional code display for UI blocks.
poll-result
A Card component with optional code display for UI blocks.
products-cards
A Card component with optional code display for UI blocks.
profile-cards
A Card component with optional code display for UI blocks.
projects-chart
A Chart component with optional code display for UI blocks.
recent-comments
A Card component with optional code display for UI blocks.
recent-messages
A Card component with optional code display for UI blocks.
recent-transaction
A Card component with optional code display for UI blocks.
revenue-updates-chart
A Chart component with optional code display for UI blocks.
review-cards
A Card component with optional code display for UI blocks.
ripple-effect-button
A Button component with ripple effect animation on hover.
sales-overview-chart
A Chart component with optional code display for UI blocks.
settings-card
A Card component with optional code display for UI blocks.
shine-effect-button
A Button component with shine effect animation on hover.
shiny-button
A Button component with shiny effect animation.
shiny-text-motion
A text component that shines.
signup-1
A Card component with optional code display for UI blocks.
signup-2
A Card component with optional code display for UI blocks.
signup-3
A Card component with optional code display for UI blocks.
signup-4
A Card component with optional code display for UI blocks.
social-card
A Card component with optional code display for UI blocks.
social-cards
A Card component with optional code display for UI blocks.
social-post
A Card component with optional code display for UI blocks.
star-favourite-button
A Button component with star animation for favourite functionality.
tap-pop-button
A Button component with tap and pop animation effect.
task-list
A Card component with optional code display for UI blocks.
text-roller-motion
A text component that rolls through a list of words.
text-shimmer-motion
A text component with shimmer effect.
three-d-card-motion
A Card component with 3D hover effect.
top-cards
A Card component with optional code display for UI blocks.
total-earnigs-chart
A Chart component with optional code display for UI blocks.
transition-tab-motion
A tab component with transition effects.
typing-animation-motion
A text component with typing animation.
upcomming-activities
A Card component with optional code display for UI blocks.
user-cards
A Card component with optional code display for UI blocks.
user-info-card
A Card component with optional code display for UI blocks.
user-profile-card
A Card component with optional code display for UI blocks.
views-chart
A Chart component with optional code display for UI blocks.
weekly-stats-chart
A Chart component with optional code display for UI blocks.
welcome-banner
A banner component with optional code display for UI blocks.
yarly-breakup-chart
A Chart component with optional code display for UI blocks.
yearly-sales-chart
A Chart component with optional code display for UI blocks.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information