Free social buttons sharebar generator

Create awesome fully customizable social media buttons here including floating sharebars. The sharebar in this page is based on the socializer.css library and fontawesome font icons.


Share and contribute

Select a style to apply for sharebar

Sharebar type

  • Inline horizontal sharebar

  • Floating sharebar

Select buttons

Add social buttons to the sharebar. Use the gear icon to set custom share/profile URL for the social button. You can also drag and drop to re-arrange the buttons in sharebar.

    Customize the sharebar

    Select a handful of predefined styles from the below list or create your own sharebar design. You can also select a style and customize it manually.

    Manual settings

    Sharebar settings

    Orientation
    Theme

    Size, shape and hover effects

    Button size
    Button shape
    Hover effects

    Layouts, text and icon

    Layout
    Text styles
    Font size
    Icon display

    Styles and colors

    Icon color
    Border width
    Border color
    Background color
    Shadow

    Other settings

    Gutters
    Group sites

    Preview

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec ante posuere odio pulvinar efficitur. Fusce sed leo vel mi congue rhoncus in sed odio. In hac habitasse platea dictumst. In consectetur aliquet lectus, non mollis magna lobortis sit amet. Donec euismod felis a vestibulum laoreet. Praesent purus augue, facilisis vitae imperdiet vel, volutpat a purus. Pellentesque in semper libero, sollicitudin egestas metus.

    Sharebar preview is displayed near the sides of window.

    Copy code

    Page information

    In header

    In body

    Before </body>

    In header

    In body

    Docs, API, Contribute

    Buy me a coffee !

    Buy me coffee !

    If you like this work and found this useful buy me a coffee ! your donation will motivate me to develop and support this work.

    Comments