Telkari lets you display social media links on your WordPress site with three distinct design layouts. Each design has its own positioning options and all icons are rendered with pure CSS for optimal performance.
Live demo and documentation: https://tercan.github.io/telkari/

Design Layouts

Orbit — Quarter-circle trigger button in a corner. Icons fan out in an arc on click with staggered animation delays. Click to toggle, click outside to close.
Ribbon — Horizontal bar fixed at the bottom of the page with icons displayed in a row.
Pillar — Vertical sidebar strip with icons stacked in a column.

Supported Platforms

13 platforms with bundled SVG icons (no CDN dependency):

Instagram, YouTube, Facebook, X (Twitter), LinkedIn, TikTok, GitHub, Pinterest, Telegram, WhatsApp, Discord, Twitch, Spotify

Social Account Management

Add and delete social media accounts
Drag-and-drop reordering
Per-account enable/disable toggle
URL validation on account creation

Appearance Settings

Icon size (24-96px) via range slider
Icon spacing (0-48px) via range slider
Icon style: Rounded or Square
Link target: Same Tab or New Tab
Tooltips: Show or hide platform name on hover

Color Customization

Per-platform brand color overrides with WordPress color picker
13 official brand colors included as defaults
Configurable bar/wrapper background color for Ribbon and Pillar (with transparent option)
Configurable trigger button color for Orbit design
Auto-contrast foreground color calculation
One-click “Reset All Colors” to restore defaults

Performance

Pure CSS frontend rendering (no JavaScript except Orbit click handler)
Conditional asset loading: CSS only enqueued when enabled accounts exist
Design-specific CSS loaded per active design
Bundled SVG icons with static file cache

Security

Nonce verification on all form submissions
Capability checks on admin pages
Input sanitization and output escaping
SVG icon whitelist
Clean uninstall (single site and multisite)