Plotly Challenge - Build and Publish Dash Hooks

Hi all, I finished my first hook.

Name of the hook: dash-stylish-header-footer-hook

This hook provides two hooks for Dash applications: a stylish, customizable header and a footer. The add_header injects a modern, gradient-styled header with external fonts and normalization CSS, while add_footer_hook appends a styled footer to the layout, ensuring no duplicates. Both header and footer styles can be easily customized via function parameters. These hooks automate the addition of these elements, making it simple to create a consistent, professional look for any Dash app.

Installation and usage:

pip install dash-stylish-header-footer-hook
from dash import Dash
import dash_stylish_header_footer_hook  

# Register the header with custom title
dash_stylish_header_footer_hook.add_header(
    title="My Dash App",
    gradient="linear-gradient(90deg, black, red)"
)
dash_stylish_header_footer_hook.add_footer_hook(
    text="©2025 My Dash App",
    background="black",
    color="magenta",
    padding="20px 40px"
)

app = Dash(__name__)
# Rest of your app code...

Links:
PyPi
GitHub

This is my first hook, I tried something simple but useful thing.:slight_smile:

4 Likes