Animate UI — Tất cả hiệu ứng
Tổng cộng: 4 nút, 9 nền, 773 icon (392 Lucide + 381 HugeIcons), 1 chuyển trang với 11 kiểu. Code component copy nguyên từ registry, không viết lại. Di chuột lên icon để xem nó nhảy. Chạm vào nút lật để lật.
Sang trang chuyển trang để xem hiệu ứng chuyển trang (chọn kiểu ở thanh dưới cùng) →
Nút (4)
Theme hiện tại: light
Nền động (9)
Icon Lucide (392) — di chuột lên từng icon để xem hiệu ứng
accessibility
activity
airplay
alarm-clock
align-center-horizontal
align-center-vertical
align-end-horizontal
align-end-vertical
align-horizontal-distribute-center
align-start-horizontal
align-start-vertical
align-vertical-distribute-center
archive
arrow-down
arrow-left
arrow-right
arrow-up
arrow-up-down
audio-lines
axe
axis-3d
badge-check
battery-charging
battery-full
battery-low
battery-medium
bell
bell-off
bell-ring
between-horizontal-end
between-horizontal-start
between-vertical-end
between-vertical-start
binary
blend
blocks
bluetooth
book-open
book-text
bookmark
bookmark-check
bookmark-plus
bot
bot-message-square
bot-off
brush
brush-cleaning
calendar
calendar-check
calendar-clock
calendar-days
calendar-plus
camera
cast
cctv
chart-bar
chart-bar-decreasing
chart-bar-increasing
chart-column
chart-column-decreasing
chart-column-increasing
chart-line
chart-no-axes-column
chart-no-axes-column-decreasing
chart-no-axes-column-increasing
chart-scatter
chart-spline
check
check-check
check-line
cherry
chevron-down
chevron-left
chevron-left-right
chevron-right
chevron-up
chevron-up-down
circle-alert
circle-check
circle-check-big
circle-plus
circle-question-mark
circle-user-round
circle-x
circuit-board
clapperboard
clipboard
clipboard-check
clipboard-list
clock
clock-1
clock-10
clock-11
clock-12
clock-2
clock-3
clock-4
clock-5
clock-6
clock-7
clock-8
clock-9
clock-alert
clock-arrow-down
clock-arrow-up
clock-check
clock-fading
clock-plus
cloud-download
cloud-drizzle
cloud-hail
cloud-lightning
cloud-moon
cloud-moon-rain
cloud-rain
cloud-rain-wind
cloud-snow
cloud-sun
cloud-sun-rain
cloud-upload
coffee
cog
compass
contrast
copy
credit-card
crop
cross
crown
disc-3
download
droplet
ellipsis
ellipsis-vertical
equal-not
ev-charger
expand
external-link
eye
eye-closed
eye-off
fan
fast-forward
file
file-check
file-clock
file-plus
file-text
file-x
fingerprint
flag
flame
folder
folder-clock
folder-open
forklift
forward
frame
gallery-horizontal
gallery-horizontal-end
gallery-vertical
gallery-vertical-end
gauge
gavel
ghost
gift
globe
graduation-cap
group
hammer
headphones
heart
hourglass
house
house-wifi
image
infinity
info
kanban
key
key-round
layers
layers-2
layout-dashboard
layout-template
leaf
library-big
lightbulb
lightbulb-off
link
link-2
list
list-filter
loader
loader-circle
loader-pinwheel
lock
lock-keyhole
lock-keyhole-open
lock-open
log-in
log-out
mail
mail-check
mail-open
map-pin
map-pin-off
maximize
megaphone
menu
message-circle
message-circle-code
message-circle-dashed
message-circle-heart
message-circle-more
message-circle-off
message-circle-plus
message-circle-question
message-circle-warning
message-circle-x
message-square
message-square-code
message-square-dashed
message-square-diff
message-square-dot
message-square-heart
message-square-more
message-square-off
message-square-plus
message-square-quote
message-square-share
message-square-text
message-square-warning
message-square-x
mic
mic-off
minimize
minus
moon
moon-star
move-down
move-left
move-right
move-up
music
nfc
notebook-pen
octagon-alert
orbit
paintbrush
palette
panel-bottom
panel-bottom-close
panel-bottom-open
panel-left
panel-left-close
panel-left-open
panel-right
panel-right-close
panel-right-open
panel-top
panel-top-close
panel-top-open
paperclip
party-popper
pause
pencil
pencil-line
pencil-ruler
phone
phone-call
phone-incoming
phone-outgoing
pickaxe
pin
pin-off
pipette
plane-takeoff
play
plug-zap
plus
power
printer
radio
radio-tower
redo
redo-2
refresh-ccw
refresh-ccw-dot
refresh-cw
refresh-cw-off
repeat
reply
rewind
rocket
rotate-ccw
rotate-ccw-key
rotate-cw
route
router
save
scissors
scissors-line-dashed
scroll
search
send
send-horizontal
settings
shapes
share
share-2
shield-check
shopping-bag
shopping-cart
shrink
shuffle
signal
signal-high
signal-low
signal-medium
signal-zero
skip-back
skip-forward
sliders-horizontal
sliders-vertical
smartphone
snowflake
sparkle
sparkles
square-arrow-out-down-left
square-arrow-out-down-right
square-arrow-out-up-left
square-arrow-out-up-right
square-dashed-kanban
square-kanban
square-plus
square-x
star
sun
sun-dim
sun-medium
sun-moon
sunrise
sunset
tag
terminal
thermometer
thumbs-down
thumbs-up
timer
timer-off
toggle-left
toggle-right
trash
trash-2
trending-down
trending-up
triangle-alert
trophy
type
umbrella
undo
undo-2
ungroup
unlink-2
unplug
upload
user
user-cog
user-round
user-round-cog
users
users-round
volume-1
volume-2
volume-off
volume-x
wallet
wand-sparkles
waves
wifi
wifi-cog
wifi-high
wifi-low
wifi-off
wifi-pen
wifi-sync
wifi-zero
x
zap
zoom-in
zoom-out
Icon HugeIcons (381) — di chuột lên từng icon để xem hiệu ứng
accessibility
activity-01
add-01
airplay
alarm-clock
arrow-down-01
arrow-down-02
arrow-left-01
arrow-left-02
arrow-right-01
arrow-right-02
arrow-up-01
arrow-up-02
arrow-up-down
attachment-01
audio-lines
axe
badge-check
battery-charging
battery-full
battery-low
battery-medium-01
bell-off
bell-ring
between-horizontal-end
between-horizontal-start
between-vertical-end
between-vertical-start
binary
blend
blocks
bluetooth
bookmark
bookmark-check
bookmark-plus
bot
bot-message-square
bot-off
brush
brush-cleaning
calendar
calendar-check
calendar-clock
calendar-plus
camera
cancel-01
cast
cctv
chart-bar-decreasing
chart-bar-increasing
chart-column
chart-column-decreasing
chart-column-increasing
chart-line
chart-no-axes-column
chart-no-axes-column-decreasing
chart-no-axes-column-increasing
chart-scatter
chart-spline
check
check-check
check-line
checkmark-circle-02
cherry
circle-check-big
circle-plus
circle-question-mark
circle-x
circuit-board
clapperboard
clipboard
clipboard-check
clipboard-list
clock-01
clock-02
clock-03
clock-04
clock-05
clock-add
clock-alert
clock-arrow-down
clock-arrow-up
clock-check
clock-fading
clock-hour-1
clock-hour-10
clock-hour-11
clock-hour-12
clock-hour-2
clock-hour-3
clock-hour-4
clock-hour-5
clock-hour-6
clock-hour-7
clock-hour-8
clock-hour-9
clock-plus
cloud-download
cloud-drizzle
cloud-hail
cloud-lightning
cloud-moon-rain
cloud-rain
cloud-rain-wind
cloud-snow
cloud-sun-rain
cloud-upload
coffee-02
cog
compass
computer-terminal-01
contrast
copy-01
credit-card
crop
cross
crown
delete-02
disc-3
download-01
download-04
droplet
equal-not
ev-charger
expand
eye-closed
eye-off
fan
fast-forward
favourite
file-check
file-clock
file-plus
file-sliders
file-x
filter-horizontal
finger-print
flag
flame
flash
folder-clock
folder-open
forklift
frame
gallery-horizontal
gallery-horizontal-end
gallery-vertical
gallery-vertical-end
gauge
gavel
ghost
gift
globe-02
hammer
headphones
home-03
hourglass
house-wifi
infinity
info
kanban
key-01
key-round
layers-01
layout-dashboard
leaf
lightbulb
lightbulb-off
link-01
link-square-02
list
loading-01
loading-02
loading-03
location-01
lock-keyhole
lock-keyhole-open
login-01
logout-01
mail-01
mail-check
mail-open
map-pin-off
maximize-01
megaphone
menu-01
message-01
message-circle
message-circle-code
message-circle-dashed
message-circle-heart
message-circle-more
message-circle-off
message-circle-plus
message-circle-warning
message-circle-x
message-square-code
message-square-dashed
message-square-diff
message-square-dot
message-square-heart
message-square-more
message-square-off
message-square-plus
message-square-quote
message-square-share
message-square-text
message-square-warning
message-square-x
mic
mic-off
minimize-01
minus-sign
moon-02
moon-star
more-horizontal
more-vertical
move-down
move-left
move-right
move-up
music-3
nfc
notification-01
octagon-alert
orbit
paintbrush
panel-bottom
panel-bottom-close
panel-bottom-open
panel-left
panel-left-close
panel-left-open
panel-right
panel-right-close
panel-right-open
panel-top
panel-top-close
panel-top-open
party-popper
pause
pencil-edit-02
phone
phone-call
phone-incoming
phone-outgoing
pickaxe
pin
pin-off
plane-takeoff
play
plug-zap
plus-sign
power
preference-horizontal
preference-vertical
printer
radio
radio-tower
redo-02
refresh
refresh-ccw
refresh-ccw-dot
refresh-cw-off
repeat
reply
rewind
rocket-01
rotate-ccw
rotate-ccw-key
rotate-clockwise
rotate-left-01
rotate-right-01
route
router
save
scissors
scissors-line-dashed
search-01
send-horizontal
sent
settings-02
settings-04
settings-05
share-03
share-08
shield-check
shopping-bag
shopping-cart
shrink
shuffle
signal-full-01
signal-high
signal-low
signal-medium
signal-zero
skip-back
skip-forward
sliders-horizontal
sliders-vertical
snowflake
sparkle
sparkles
square-arrow-out-down-left
square-arrow-out-down-right
square-arrow-out-up-left
square-arrow-out-up-right
square-dashed-kanban
square-kanban
square-lock-02
square-plus
square-unlock-02
square-x
star
sun-03
sun-dim
sun-medium
sun-moon
sunrise
sunset
tag
target-01
temperature
thumbs-down
thumbs-up
timer
timer-off
toggle-left
toggle-right
trash
trending-down
trending-up
triangle-alert
trophy
umbrella
undo-02
unplug
upload-01
upload-04
user
user-round
users
users-round
view
volume-01
volume-high
volume-mute-01
volume-off
volume-x
wallet
wand-sparkles
waves
wifi-01
wifi-02
wifi-circle
wifi-cog
wifi-connected-01
wifi-connected-02
wifi-connected-03
wifi-disconnected-01
wifi-disconnected-02
wifi-disconnected-03
wifi-disconnected-04
wifi-error-01
wifi-error-02
wifi-full-signal
wifi-high
wifi-location
wifi-lock
wifi-low
wifi-low-signal
wifi-medium-signal
wifi-off-01
wifi-off-02
wifi-pen
wifi-square
wifi-sync
wifi-unlock
wifi-zero
zoom-in
zoom-out