Introduction
Build modern social profile links, sharing buttons, creator grids, and floating conversion docks with one lightweight Joomla module.
Social CSS Icons 2.0 is a complete rebuild for Joomla 4, Joomla 5, and Joomla 6. It includes current social brands, flexible fixed positions, polished hover effects, responsive mobile behaviour, and crisp Font Awesome 6 icons.
27 Font Awesome icons
Every logo uses Font Awesome 6, the icon library already bundled with Joomla core, so there is no extra icon download and no third-party frontend framework to load.
Included networks and actions:
- X (formerly Twitter)
- YouTube
- TikTok
- Threads
- Bluesky
- Telegram
- Discord
- GitHub
- GitLab
- Vimeo
- Dribbble
- Behance
- Twitch
- Snapchat
- Mastodon
- RSS
- Website
- Phone
- Copy Link
- Native Share
Follow or share
Use Social Profile Links to grow your audience across every important channel.
Use Share the Current Page to build automatic sharing actions from the current title and URL. Share through X, Facebook, LinkedIn, WhatsApp, Telegram, Pinterest, Reddit, or Email. Add Native Share for the device sharing sheet and Copy Link for one-click clipboard access.
Three layouts
- Inline Row: A clean, flexible row inside any module position
- Labelled Grid: Responsive social cards with two to eight desktop columns
- Fixed Floating Dock: Persistent actions that remain available while visitors scroll
Five fixed dock positions
- Left vertical centre
- Right vertical centre
- Bottom left
- Bottom centre
- Bottom right
Set the edge offset anywhere from a floating panel to a completely flush sticky bar, and optionally disable the frosted background panel for a flat, classic icon strip. On mobile, automatically transform a vertical dock into a safe bottom bar, return it to normal page flow, or hide it. Bottom bars scroll internally when required without creating horizontal page overflow.
Shapes and visual styles
Choose Circle, Rounded Square, Square, Pill, or Soft Drop buttons.
Then select:
- Brand Colours
- Single Colour
- Outline
- Glass
Control button size, glyph size, item gap, icon colour, hover colour, individual brand backgrounds, individual hover backgrounds, and shadow strength.
Modern motion
Give every interaction purpose with:
- Lift
- Zoom
- Icon Rotate
- Pop
- Icon Flip
Entrance effects include Fade Up, Scale In, and Staggered Reveal. Motion uses performant transforms and opacity and automatically respects reduced-motion preferences.
Conversion-friendly dock controls
- Slim edge-tab collapse toggle
- Optional collapsed initial state
- Flush or floating edge offset
- Optional frosted background panel
- Show only after a configured scroll distance
- Configurable z-index
- Responsive safe-area positioning
- Accessible expanded state and keyboard focus
Accessible by design
- Accessible navigation labels
- Descriptive names for every icon-only action
- Visible keyboard focus indicators
- ARIA live feedback for Copy Link and Native Share
- Large configurable touch targets
- Reduced-motion support
- Secure new-tab relationships
Modern Joomla architecture
Version 2.0 uses a Joomla service provider, namespaced Dispatcher and Helpers, Web Asset Manager, vanilla JavaScript, IntersectionObserver, and modern CSS.
Icons reuse Font Awesome 6 from Joomla core. The frontend does not require jQuery or another animation library.
Six marketing-ready demos
- Modern Profiles: Current networks in a polished branded row
- Creator Grid: Labelled outline cards for creators and communities
- Right Sticky: Collapsible right-side conversion dock
- Left Glass: Translucent floating dock with icon-flip interaction
- Smart Share: Automatic page sharing with Native Share and Copy Link
- Bottom Bar: Responsive, mobile-safe sharing dock
Compatibility
- Joomla 4, Joomla 5, and Joomla 6
- PHP 8.0 or newer recommended
- Current Chrome, Firefox, Safari, and Edge
- Desktop, tablet, and mobile layouts
Quick start
- Install
mod_social_css_icons_2.0.zipthrough System > Install > Extensions. - Open Content > Site Modules > Social CSS Icons.
- Choose Profile Links or Share Current Page.
- Add and reorder networks.
- Select an inline, grid, or fixed dock layout.
- Choose a shape, visual style, and hover effect.
- Assign a position and menu pages, publish, and save.
Social CSS Icons 2.0: turn every social connection into a polished conversion point.
Social CSS Icons
- Version:
- 2.0
- Developer:
- Infyways Solutions
- Last updated:
-
Jul 17 2026
2 weeks ago - Date added:
- Nov 19 2014
- License:
- GPLv2 or later
- Type:
- Paid download
- Includes:
- m
- Compatibility:
- J4 J5 J6
Share