Case Study
AutoEmoji.
Year
2023
Role
Design & Engineering
A Chrome extension for instant emoji suggestions.
About
A Chrome extension for instant emoji suggestions.
Slack-style emoji completion, everywhere on the web. Start a token with `:` and a couple of letters, AutoEmoji opens a small popover with every emoji whose shortcode matches, type `:wa` and you get `:wave:`, `:warning:`, `:watermelon:` ranked by frequency.
Pick one with the arrow keys + Enter, or keep typing to filter further. Anything that isn't a real shortcode falls through untouched, so writing `:)` or pasting timestamps still works the way you'd expect.
Runs entirely in the browser, no server round-trip on every keystroke and nothing you type leaves the tab.
#01How it works
Type a colon followed by a couple of letters anywhere you can edit text, the popover pops in at the caret with every shortcode that matches the prefix. `:wa` surfaces `:wave:`, `:warning:`, `:watermelon:`; arrow keys move the selection, Enter inserts the actual emoji, Escape dismisses.
