FBK Social
Links to your social profiles, logo and network name.
- Used in 42 templates
- 19 options
- Native Bricks element
One FBK Social, 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 Social variation
Live from the demo site. Switch the width and the background, or open it full screen.
Loading demo…
The options
Every property of the component, in the order the Bricks panel shows them.
| Option | Choices | Default |
|---|---|---|
| Facebook link | Any link | — |
| Instagram link | Any link | — |
| X link | Any link | — |
| LinkedIn link | Any link | — |
| YouTube link | Any link | — |
| TikTok link | Any link | — |
| Hide Facebook | On or off | Off |
| Hide Instagram | On or off | Off |
| Hide X | On or off | Off |
| Hide LinkedIn | On or off | Off |
| Hide YouTube | On or off | On |
| Hide TikTok | On or off | On |
| 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, Elevated | Soft |
| ToneBrand: your accent color. Neutral: the text color around it. White: the same on every background, for controls over photos. | Brand, Neutral, White | Neutral |
| ShapeRound: a circle on icons, a pill on text. Blob: a bubble that turns round on hover (icons). | Rounded, Round, Square, Blob | Round |
| Size | Small, Medium, Large | Small |
| Show namesThe logo and the network's name side by side (for a footer column). | No, Yes | No |
| 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, Spin | Grow |
| BackgroundDark or Brand when the links sit on a dark or brand background you made. | Auto, Light, Dark, Brand | Auto |
Used in 42 templates
A few of them. Change FBK Social once on your site and every one of these sections follows.
Questions, answered
Short answers about FBK Social.
Do I need a template to use FBK Social?
No. Copy it from this page and paste it anywhere in Bricks. It also comes with every template that uses it.
What happens if I change FBK Social on my site?
Every instance follows: the design lives in the component and its classes, not in each copy.
Does it work with my framework?
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.