Opens in a new tab
Log inStart free

FBK Share

Share links for the current page: Facebook, X, LinkedIn and more.

  • Used in 9 templates
  • 20 options
  • Native Bricks element

Copying for Fancy Framework · Desktop first

Needs a framework. Get Fancy Framework (free)

One FBK Share, as in the first example below. Change anything from the panel after you paste it.

In the annual plan, $99/year. See plans

Every FBK Share variation

Live from the demo site. Switch the width and the background, or open it full screen.

Preview of the share buttons template: the FBK Share component for Bricks Builder

The options

Every property of the component, in the order the Bricks panel shows them.

The options of FBK Share
OptionChoicesDefault
LabelAny textShare
Hide labelOn or offOff
FacebookShow, HideShow
XShow, HideShow
LinkedInShow, HideShow
WhatsAppShow, HideShow
TelegramShow, HideShow
PinterestShow, HideHide
BlueskyShow, HideHide
EmailShow, HideShow
Open in a new tabOn or offOff
LookPlain: no box. Soft: a tinted box that fills on hover. Outline: a thin edge that fills on hover. Solid: filled. Elevated: a raised surface with a small shadow. The same looks as every Fancy Bricks component (and the buttons: Ghost, Secondary, Outline, Primary).Plain, Soft, Outline, Solid, ElevatedSoft
ToneBrand: your accent color. Neutral: the text color around it. White: the same on every background, for controls over photos.Brand, Neutral, WhiteNeutral
ShapeRound: a circle on icons, a pill on text. Blob: a bubble that turns round on hover (icons).Rounded, Round, Square, BlobRound
SizeSmall, Medium, LargeMedium
Hover effectThe color always changes on hover and keyboard focus. Grow: the icon grows. Pop: the piece grows. Lift: the piece rises a little. Spin: the icon turns once. No motion with reduced motion.None, Grow, Pop, Lift, SpinGrow
Network colorsBricks' «Use brand colors»: each link filled with its network's color (on any look but Plain).On or offOff
Show network namesNo, YesNo
LayoutDropdown: a «Share» pill that opens the links. Floating bar: a column that stays beside the article (put it in a two-column grid with the article); on phones, a bar at the bottom of the screen.Label beside the links, Label above the links, Dropdown, Floating barLabel beside the links
BackgroundDark or Brand when the links sit on a dark or brand background you made.Auto, Light, Dark, BrandAuto

Questions, answered

Short answers about FBK Share.

Ask a question

No. Copy it from this page and paste it anywhere in Bricks. It also comes with every template that uses it.

Every instance follows: the design lives in the component and its classes, not in each copy.

Yes. Copy it for Fancy Framework, Automatic.css or Core Framework, and it uses your colors and sizes.

Every component comes inside a template

Browse the library, copy a section, and the components it uses come with it.

Browse templatesAll components