Module
Social Web

Social CSS Icons

Social Media Icons Module for Joomla

Try live demo
  • Instant access Ready to install right after checkout
  • One-click updates New releases install from the Joomla administrator
  • Lifetime option Pay once and keep future releases
  • 30-day guarantee Full refund if it is not the right fit
  • Version 2.0.1 Updated 3 days ago
  • Works with Joomla 4, 5 and 6
  • PHP 8.1 or later recommended
  • Downloads 4.2K+
  • 5.0 rating See the reviews

Features

What can Social CSS Icons do for you?

Ten feature areas, one install package for Joomla 4, 5 and 6.

  • Font Awesome 6

    27 Font Awesome Icons

    • Current social brandsFacebook, X, Instagram, TikTok, Threads, Bluesky, LinkedIn, YouTube, and many more.
    • Fast and dependableIcons reuse the Font Awesome build that ships with Joomla core, so there is no extra icon download.

  • Two modes

    Profile Links & Smart Share

    • Grow your audienceLink visitors to every important channel, community, or contact method.
    • Share every pageAutomatic sharing URLs plus Native Share and one-click Copy Link with visible confirmation.

  • Three layouts

    Inline, Grid & Floating Docks

    • Flexible placementUse a clean inline row, a labelled creator grid, or a fixed floating dock.
    • Five dock positionsLeft centre, right centre, bottom left, bottom centre, or bottom right.

  • Edge control

    Flush Sticky Bars

    • Edge offsetFloat near the edge or stick flush with a zero offset.
    • Panel on or offKeep the frosted dock panel or disable it for a flat classic icon strip.

  • Brand-ready design

    Shapes & Visual Styles

    • Five shapesCircle, Rounded Square, Square, Pill, and Soft Drop.
    • Four visual stylesBrand Colours, Single Colour, Outline, and Glass.

  • Purposeful animation

    Hover & Entrance Motion

    • Hover effectsLift, Zoom, Rotate, Pop, and Icon Flip.
    • Entrance effectsFade, Scale, and Staggered Reveal with reduced-motion support.

  • Conversion docks

    Collapsible Edge Tabs

    • Slim toggleA compact edge tab opens and closes the dock without taking an icon slot.
    • Flush when closedCollapsed tabs pin to the screen edge with no leftover gap.

  • Responsive by default

    Mobile-Safe Behaviour

    • Phone optionsMove docks to a bottom bar, return them to page flow, or hide them.
    • Safe areasBottom bars respect device safe-area insets without horizontal overflow.

  • Built for everyone

    Accessible & Secure

    • Accessible controlsARIA labels, keyboard focus, live status feedback, and large touch targets.
    • Safe linksnoopener, noreferrer, optional nofollow, and blocked unsafe URL schemes.

  • Joomla 4 / 5 / 6

    Modern Joomla Architecture

    • Services architectureNamespaced Dispatcher and Helpers with Web Asset Manager integration.
    • Lightweight frontendVanilla JavaScript and CSS variables with no jQuery dependency.

Changelog

What's new

2 releases since version 2.0. Updates install from the Joomla admin with a valid licence.

    • Circle shape no longer turns a tall floating dock into an oval. The panel stays a rounded bar.
    • The install notes explain the WhatsApp link. Use a full https://wa.me/ address. A phone number alone is saved as a page on your site.

Docs & setup

Get up and running fast

Written guides for installing and configuring Social CSS Icons, from first setup to the options that matter.

  • Installation stepsOne install zip for Joomla 4, 5 and 6, installed from System, Install, Extensions.
  • Configuration optionsThe settings in the guide, from first setup to the options that matter.
  • Practical usage tipsShort examples you can adapt to your site.
Open documentation Ask a question

Pricing

Choose the plan that fits

Save more as you scale — longer access means a bigger discount.

Compatible with
Joomla 4 Joomla 5 Joomla 6
Tester plan
30 Days
Basic testing plan. 30 days access only. No priority support. Access expires after 30 days - no future updates.
$9

$9

You save zero
Download Access - 30 Days
Support - 30 Days Email Support
1 Website License
Unlimited Downloads
No Priority Support
No Future Updates After 30 Days
Limited to Testing Only
30-Day Money Back Guarantee
Commercial Use License
6 Months
6 months access with priority support & bug fixes. Perfect for short-term projects and growing businesses.
$54

$19

You save $35
Download Access - 6 Months
Support - 6 Months + Priority Updates
2 Websites License
Unlimited Downloads
Priority Email Support
Priority Bug Fixes
6 Months Free Updates
30-Day Money Back Guarantee
Commercial Use License
Recommended
1 Year
Full year access with VIP support channel. Fastest response time & priority feature requests. Best value!
$108

$29

You save $79
Download Access - 1 Year
Support - 1 Year + VIP Support Channel
3 Websites License
Unlimited Downloads
VIP Support Channel
Priority Feature Requests
Fastest Response Time
1 Year Free Updates
30-Day Money Back Guarantee
Commercial Use License
Pay once
Lifetime
Lifetime access with dedicated support agent. Never pay again - unlimited updates & custom development support included.
$980

$49

You save 95%
Download Access - Lifetime
Support - Lifetime + Dedicated Support
Unlimited Websites License
Unlimited Downloads
Dedicated Support Agent
Lifetime Free Updates
Feature Request Priority
Custom Development Support
30-Day Money Back Guarantee
Commercial Use License

Why buy here

Why JoomlaX

  • Built, maintained and supported by one team Every product sold on JoomlaX is developed, maintained and supported by Infyways, building Joomla solutions since 2010.
  • Ready for Joomla 4, 5 and 6 118 extensions support Joomla 5 and 6, and 114 support Joomla 4. Each product page lists the versions it works with.
  • One-click Joomla updates Regular updates and feature improvements for licensed customers, delivered straight to your Joomla admin.
  • Support from the developers Tickets go straight to the developers. First replies within 24 business hours.

All-access bundle

Unlock every JoomlaX extension in one plan

Get all 120 extensions, new releases, ongoing updates and full-time support. Bought one by one, a year of updates for every extension costs over $4,700.

  • Basic

    Ideal for small projects and personal sites

    $249/ 6 months

    Save 91% · $2,900+ value

    • Access to 120 extensions
    • Access to new extensions during period
    • 3 websites license
    • 6 months support and updates
    • Unlimited downloads and domain activations
    • Full-time expert technical support
    Buy Basic plan

    30-day money-back guarantee

  • Most popular

    Premium

    Best for growing businesses and web agencies

    $349/ 1 year

    Save 92% · $4,700+ value

    • Access to 120 extensions
    • Access to new extensions during period
    • 5 websites license
    • 1 year support and updates
    • Unlimited downloads and domain activations
    • Priority full-time technical support
    Buy Premium plan

    30-day money-back guarantee

  • Developer

    For professional developers and multi-client agencies

    $749/ one-time

    Pay once · keep forever

    • Access to 120 extensions
    • Access to all future new extensions
    • Unlimited websites license
    • Lifetime support and updates
    • Unlimited downloads and domain activations
    • VIP priority full-time technical support
    Buy Developer plan

    30-day money-back guarantee

FAQ

Questions about Social CSS Icons

Still unsure? Our support team is one ticket away.

Which Joomla versions does Social CSS Icons 2.0 support?

Version 2.0 supports Joomla 4, Joomla 5, and Joomla 6. PHP 8.0 or newer is recommended.

Which icon library does the module use?

Version 2.0 uses Font Awesome 6, the icon library already bundled with Joomla core, so no extra icon download is added. It does not load jQuery or another frontend framework.

What is the difference between Profile Links and Share mode?

Profile Links send visitors to the URLs you enter for each network. Share the current page builds sharing destinations automatically from the current page title and URL, and also supports Native Share and Copy Link.

Which layouts and dock positions are available?

Choose Inline Row, Labelled Grid, or Fixed Floating Dock. Docks can sit at left-middle, right-middle, bottom-left, bottom-centre, or bottom-right.

How do I make a dock stick flush to the screen edge?

Set Edge offset to 0. Optionally turn off Dock background panel for a flat sticky icon bar. Collapsed edge tabs always pin flush to the edge.

Why does Copy Link show “Copied!”?

After a successful clipboard copy, the button briefly turns green, swaps to a checkmark, and shows Copied! as visible confirmation. An ARIA live region also announces the result for screen readers.

Can I hide individual social items without deleting them?

Yes. Set Enabled to No on any item. The item is excluded from the frontend, and its administrator fields collapse so the form stays compact.

How do collapsible docks work?

Enable Collapsible dock to add a slim edge-tab toggle. Optionally start collapsed. The tab does not consume an icon slot, and when closed it sits flush against the screen edge.

What happens to docks on mobile?

Choose Move to Bottom Centre, Return to Page Flow, or Hide on Mobile. Bottom bars use safe-area spacing and can scroll internally without creating horizontal page overflow.

Why are tooltips appearing beside dock icons instead of above them?

On left and right docks, tooltips open toward the page so they are not clipped off the screen edge. Bottom docks keep tooltips above the icons.

Why is a brand icon missing (for example X, Threads, or Bluesky)?

The module uses the Font Awesome 6 build shipped with Joomla. If your template loads an older Font Awesome, some newer brand glyphs may not render. Update the template Font Awesome or rely on Joomla core assets.

How do I update from an older version?

Install mod_social_css_icons_2.0.zip over the existing module. Review the new parameter tabs, save once, and clear all caches. Legacy size, colour, alignment, shape, and zoom values are mapped where possible.

Help from the people who built it

Company

Services

Support

Terms