Emoji to CSS Class Generator - Online Icon Font Style
Assign a CSS class to any emoji and generate a snippet that displays the emoji as a background image or pseudo element. Useful for icon systems.
UD5 Toolkit
:smile: to get ๐ ยท Combine multiple shortcodes with spaces ยท Supports 120+ common emojis ยท Works with Slack, Discord & GitHub format
:smile: represents ๐, and :heart: represents โค๏ธ. Shortcodes were popularized by platforms like Slack, Discord, GitHub, and many others to allow users to type emojis using plain text keyboards. They're especially useful in markdown editors, messaging apps, code comments, and anywhere that doesn't natively support emoji input.
:rocket:). The right panel does the reverse โ it finds shortcode patterns like :smile: in your text and replaces them with actual emoji characters. The conversion happens in real-time as you type, and our mapping database covers 120+ of the most commonly used emojis across all major platforms.
:shortcode_name:. For example, :heart_eyes: for ๐, :thumbsup: for ๐, and :100: for ๐ฏ. Some platforms support plus signs and hyphens too (e.g., :+1: for ๐). Our converter follows the Slack/Discord convention, which is the most widely adopted format across the web.
:smile: always carries the same intent.
:shortcode: patterns will have each one replaced with its corresponding emoji. The live counter badge above each input shows how many items were detected and converted.
:Smile:, :SMILE:, and :smile: will all correctly convert to ๐. However, when generating shortcodes from emojis, we always output the standard lowercase format.
Assign a CSS class to any emoji and generate a snippet that displays the emoji as a background image or pseudo element. Useful for icon systems.
Transform normal sentences into cutesy UwU speak. Customizable intensity. Internet fun.
Convert standard Markdown into Slackโs mrkdwn format. Fixes bold, italic, and lists for perfect Slack message formatting.
Convert HTML to plain text while preserving paragraph breaks. Remove images, links, and scripts. Quick data extraction.
Turn every line of a text file into a separate JSON object in a JSONL file. Configure key name and add line numbers. Perfect for data importing.
Create a fake WhatsApp/iMessage chat screenshot. Customize names, messages, and timestamps. Just for fun.
Encrypt and decrypt text using the browser's Web Crypto API. Supports AESโGCM and subtle key generation. No server required.
Create vertically oriented text layouts with `writingโmode`. See the effect and copy the complete CSS. For vertical languages.
Upload multiple SVGs and combine them into a single icon font (TTF, WOFF). Also get the CSS classes. Clientโside conversion.
Create smooth, animated CSS waves (like water or sound) by adjusting amplitude, colors, and speed. Copy the readyโtoโuse SVG/CSS code.
Draw and edit SVG vector graphics in the browser. Basic shapes, text, and freehand. Export raw SVG code or as a file. No server, fully local.
Create a realistic fake text message conversation. Choose iOS or Android style, set contact name, messages, and times. For laughs.
Sign a message with a private key and verify the signature with the public key. Learn digital signature flow.
Paste an HTML snippet and convert it into an SVG image that visually replicates the DOM. Useful for creating static snapshots. Local canvas rendering.
Map CSV columns with latitude/longitude to GeoJSON points. Create mapโready data instantly. All local.
Create a 'drawing' effect for any SVG path. Adjust speed and delay. Copy the CSS and SVG code. No JS needed.
Extract a few seconds from a video and convert to a short looping GIF. Use browser video decoder.
Paste a data: URL and instantly download the file it represents. Supports all MIME types. Simple extraction.
Parse an SVG pathโs d attribute and list all the commands and absolute coordinates. Convert relative to absolute. Local.
Use your webcam to record a video clip and download it as WebM. Adjust resolution. Works offline. Privacyโfriendly.
Use your webcam to record a video clip and download it as WebM. Adjust resolution and see a preview. Works offline.
Attempt to detect your current DNS resolver IPs using DNSโleak test queries. Educational. Privacyโfriendly.
Convert any PNG image into a proper .ico favicon file with multiple sizes embedded. For website icons. Local.
Convert hex or RGB to CIELAB L*a*b* values. Understand perceptual lightness and color opponents. Local math.
Paste a humanโreadable date (like 'next Friday' or 'March 5, 2023') and convert it to ISO 8601 format. Quick and tolerant.
Pick an emoji and convert it into a proper favicon .ico file for your website. No design skills needed. Instant download.
Convert between Gregorian and Hijri (Islamic) dates. Approximate visual reference. Local algorithm.
Convert a Gregorian calendar date to its Julian Day Number and vice versa. Used in astronomy and mainframe computing.
Convert any humanโreadable date to a Unix timestamp in seconds or milliseconds. Also shows ISO 8601. Clean interface.
Translate between binary and Gray code (reflected binary code). See the bit changes. Useful for digital logic.