Skip to content

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

418 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Emoji Studio: Analytics Platform for Slack Custom Emojis

Product Hunt   Download on the App Store

Buy Me A Coffee

Emoji Studio Dashboard

Overview

Emoji Studio is a comprehensive analytics and management platform for Slack custom emojis. Track creation trends, identify top contributors, and manage your workspace's emoji library through a modern dashboard interface. All processing happens in your browser with zero server-side data storage.

Features

Usage Analytics (New in 2.0)

  • Scan Slack channels to see how custom emojis are actually used as reactions
  • Stats overview: total reactions, unique emojis, unique reactors, trending emojis
  • Top Reactions chart with emoji previews, creator info, and reaction counts
  • Channel Breakdown showing top reactions and top reactors per channel
  • Reaction Timeline tracking usage patterns over time
  • Shareable PNG card generator for sharing stats
  • Usage data surfaces across the entire app: emoji detail pages, overlay, explorer sort, and dashboard cards
  • All scanning happens in-browser via Slack's conversations API — no data leaves your machine

Analytics Dashboard

  • Real-time metrics for total emojis, unique creators, weekly growth, and top reactions
  • Animated counters and spring-physics page transitions (Framer Motion)
  • Bento grid layout with hero metric card and leaderboard
  • Contributor leaderboard with historical performance tracking
  • Time-series analysis of emoji creation patterns
  • Activity heatmaps showing peak creation periods
  • Individual user profiles with detailed contribution metrics

Emoji Explorer

  • Full-text search across emoji names, creators, and user IDs
  • Advanced filtering by date ranges with sort options (newest, oldest, A-Z, most used)
  • Bulk selection with Shift+Click support and bulk ZIP download
  • Virtualized grid for smooth performance with large collections
  • Copy emoji code (:name:), URL, or image directly to clipboard
  • Individual emoji download and inline bulk action bar
  • Reaction count badges when sorting by usage

Emoji Creator

  • Drag-and-drop upload for images, GIFs, and videos (PNG, JPG, GIF, WebP, MP4, MOV)
  • Video-to-GIF conversion with configurable frame rate (FFmpeg, runs in browser)
  • ML-based background removal (WebAssembly, no server required)
  • HDR image support (HEIC, HEIF, AVIF, JXL) with automatic conversion
  • Automatic resizing (128x128px) and compression (≤128KB) for Slack
  • Direct upload to Slack workspaces with batch processing
  • Browse Packs: Search and import from slackmojis.com with category filtering, multi-select (up to 20), bulk download as ZIP, and bulk upload to Slack

My Emojis

  • Personal emoji management dashboard with table and grid views
  • Rename, replace, add aliases, or delete emojis from your workspace
  • Bulk operations: select all, download, delete
  • Keyboard shortcuts (Cmd/Ctrl+K for search) and context menus
  • Filter by type (images/GIFs) and alias status

Leaderboard

  • Contributor rankings with multiple date ranges (7d, 30d, quarter, year, all time)
  • L4WEPW metric (Last 4 Weeks Emojis Per Week) with trend indicators
  • Generate and share leaderboard images with date range context
  • Search users and filter inactive contributors with configurable threshold

Emoji Wrapped

  • Spotify Wrapped-style annual review of your workspace's emoji activity
  • 10+ animated story slides: personal stats, milestones, naming patterns, vibe analysis, quiz, and more
  • Shareable story cards and downloadable images
  • Works with demo data for onboarding

Emoji Detail Pages

  • Individual pages for each emoji with large preview
  • Creator information, creation date, and alias status
  • Usage stats: reaction count, rank, and unique reactors (when scan data available)
  • Copy emoji code, download, and browse the creator's other emojis

Data Visualizations

  • Four-tab dashboard: Overview, Activity, Creators, and Content
  • Time range filtering (7d, 30d, 90d, 6 months, 1 year, all time)
  • Word frequency analysis, creation timelines, and naming pattern charts
  • Distribution charts for static vs animated emojis
  • Contributor participation metrics and trend analysis

Notifications

  • Background monitoring for new emoji additions
  • Configurable check intervals (15 minutes to daily)
  • Browser notifications with direct links to new content
  • Requires Chrome extension for background operation

Chrome Extension

  • One-click authentication without developer tools
  • Automatic background synchronization
  • Context menu integration for quick emoji creation
  • Cross-tab data synchronization
  • Powers notification system for real-time updates
  • Bulk emoji reactions: multi-react to any Slack message with one click
  • Emoji info tooltip: hover over any reaction to see creator and creation date
  • Rainbow sync button on Slack's emoji customization page
  • Cart system for queuing emojis and sending to Creator page
  • Settings tab for Slack app configuration

iOS App

  • Browse your workspace's emoji collection on the go
  • Full Emoji Wrapped experience with share and download
  • QR code pairing for instant data transfer from desktop
  • Available on the App Store

Installation

Via Chrome Extension (Recommended)

  1. Install the Emoji Studio Chrome Extension
  2. Click extension icon → "Sync Slack Data"
  3. Visit app.emojistudio.xyz
  4. Data loads automatically

Via Mobile Pairing

  1. Open app.emojistudio.xyz on desktop
  2. Go to Settings → Connection → Pair to Mobile
  3. Scan the QR code with the iOS app or another device
  4. Data transfers automatically via encrypted session

Manual Setup

  1. Navigate to app.emojistudio.xyz
  2. Open Settings → Connection
  3. Follow browser developer tools instructions
  4. Paste Slack authentication credentials

Privacy & Security

  • Browser-only storage: All data stays in localStorage and IndexedDB
  • No server persistence: Zero backend data retention
  • Direct API access: Connects directly to Slack
  • Data portability: Export or delete at any time
  • Open source: Full code transparency

Screenshots

Main Dashboard

Dashboard View Metrics overview with contributor leaderboard and growth charts

Emoji Explorer

Explorer View Browse and manage emoji collections with advanced filtering

User Analytics

User Dashboard Individual contributor statistics and activity history

Data Visualizations

Visualizations Interactive charts for emoji usage patterns and trends

Emoji Details

Emoji Details Metadata view with download and sharing options

Tech Stack

  • Framework: Next.js 16 (App Router, Turbopack)
  • Language: TypeScript
  • Runtime: React 19 with React Compiler
  • UI: shadcn/ui (Radix UI + Luma preset), Framer Motion
  • Styling: Tailwind CSS v4 (oklch colors, @theme directives)
  • Charts: Recharts, Chart.js
  • Media Processing: Canvas API, GIF.js, FFmpeg (WASM), @imgly/background-removal
  • Storage: IndexedDB, localStorage
  • Analytics: OpenPanel
  • Hosting: Vercel

Contributing

Contributions welcome. Areas of interest:

  • Bug fixes and performance improvements
  • Additional data visualizations
  • Enhanced filtering capabilities
  • UI/UX refinements
  • Documentation improvements

Submit pull requests at github.com/jweingardt12/Emoji-Studio

License

MIT License - see LICENSE file for details.


Issues: github.com/jweingardt12/Emoji-Studio/issues
Source: github.com/jweingardt12/Emoji-Studio

About

The missing emoji management platform for Slack. Create perfectly optimized images and GIFs, view leaderboards, and uncover trends. No login/app connection needed, and stores all data in local browser storage.

Resources

Stars

9 stars

Watchers

0 watching

Forks

Releases

Used by

Contributors

Languages