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

    Sharebar preview is displayed near the sides of window.

    Copy code

    Page information

    In header

    <link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/vaakash/socializer/a4c672bf/css/socializer.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">

    In body

    
    

    Before </body>

    <script src="https://cdn.rawgit.com/vaakash/socializer/a4c672bf/js/socializer.min.js"></script>
    <script>
    (function(){
        socializer( '.socializer' );
    }());
    </script>
                    

    In header

    <link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/vaakash/socializer/a4c672bf/css/socializer.min.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
                    

    In body

    
    

    Docs, API, Contribute

    Comments