Skip to content

codeAbinash/emoji-store

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

16 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Emoji Store

Release Date Tag

A JavaScript library for platform independent Emojis 😍.

Supports most of the web technologies : React, React-Native Vue, Angular, Preact, Lit, Svelte etc.

Install

npm i emoji-store

Use

import emoji, { Apple160 } from 'emoji-store';

function App() {
  return (
    <div>
      <img src={emoji('❀️‍πŸ”₯')} /> {/*Default Apple64*/}
      <img src={emoji('❀️‍πŸ”₯', Apple160)} />
    </div>
  );
}

export default App;
import { Emoji, Facebook96 } from 'emoji-store';

const customEmoji = Emoji(Facebook96);

function App() {
  return (
    <div>
      <img src={customEmoji('❀️‍πŸ”₯')} />
    </div>
  );
}

Custom Emoji Config

const props = {
  author: 'apple',
  size: 160,
  type: 'png',
};

const customEmoji = Emoji(props);

console.log(customEmoji('🫒'));
console.log(customEmoji('❀️‍πŸ”₯'));
console.log(customEmoji('πŸ„πŸ»β€β™‚οΈ'));
console.log(customEmoji('πŸ§‘πŸ»β€πŸ’»'));

🫒 ❀️‍πŸ”₯ πŸ„πŸ»β€β™‚οΈ πŸ§‘πŸ»β€πŸ’»

Supporting Emojis

Platform Type Size(px) Constant
Apple PNG 64 Apple64
Apple PNG 160 Apple160
Facebook PNG 64 Facebook64
Facebook PNG 96 Facebook96

How it works

It returns the link of the specified emoji that is displayed in the browser.