daisy
UI
3.8.2
Changelog
Version 2.x
Version 1.x
Search
Components
Blog
Theme
light
dark
cupcake
bumblebee
emerald
corporate
synthwave
retro
cyberpunk
valentine
halloween
garden
forest
aqua
lofi
pastel
fantasy
wireframe
black
luxury
dracula
cmyk
autumn
business
acid
lemonade
night
coffee
winter
Make your theme!
EN
English
ES
Español
FR
Français
ID
Indonesia
JA
日本語
KO
한국어
PT
Português
RU
Русский
UK
Українська
ZH
繁體中文
ZH
中文
Footer
Footer can contain logo, copyright notice, and links to other pages.
Class name
Type
footer
Component
Footer component
footer-title
Component
Title of a footer column
footer-center
Modifier
Aligns footer content to center
#
Footer
Preview
HTML
JSX
#
Footer with a logo section
Preview
HTML
JSX
#
Footer with a form
Preview
HTML
JSX
#
Footer with logo and social icons
Preview
HTML
JSX
#
Footer with copyright text
Preview
HTML
JSX
#
Footer with copyright text and social icons
Preview
HTML
JSX
#
Footer with links and social icons
Preview
HTML
JSX
#
Footer with 2 rows
Preview
HTML
JSX
#
Centered footer with logo and social icons
Preview
HTML
JSX
#
Centered footer with social icons
Preview
HTML
JSX
#
Two footer
Preview
HTML
JSX
Prev
Drawer
Next
Hero
Do you have a question?
ask the community
Do you see a bug?
open an issue on GitHub
Do you like daisyUI?
tweet about it!
Support daisyUI's development:
Open Collective
Edit this page on GitHub
Sponsors
Never google
a command again
Become a sponsor
Sponsors
Never google
a command again
Become a sponsor