beautiful-emojis
v1.0.4
Published
Get beautiful emojis in your react app OR get the URL of the emoji
Downloads
4
Maintainers
Readme
Beautiful Emojis
beautiful-emojis is a lightweight library that provides a collection of beautifully designed emojis for use in your applications.
Features
- Lightweight: The library is designed to be lightweight, ensuring fast loading times and optimal performance.
- Uses CDN: Emojis are loaded via a CDN, reducing the package size and allowing for efficient delivery.
- Emojis from 4 Platforms: Beautiful-emojis provides emojis from four popular platforms: Apple, Twitter, Google, and more.
- Accessible: Emojis are accessible and compatible with screen readers, ensuring a positive user experience for all users.
- Customizable: The library offers customization options, allowing you to adjust emoji size, class names, and other parameters to suit your application's design.
Installation
You can install beautiful-emojis via npm, yarn, or bun:
With NPM
npm install beautiful-emojis
With yarn
yarn add beautiful-emojis
With bun
bun add beautiful-emojis
Usage
Here's a sample usage of beautiful-emojis in a React component:
import React from 'react';
import { AppleEmoji } from 'beautiful-emojis';
function App() {
return (
<>
<AppleEmoji emoji='😂' size={100} />
</>
);
}
export default App;
import React from 'react';
import { TwitterEmoji } from 'beautiful-emojis';
function App() {
return (
<>
<TwitterEmoji emoji='😎' size={100} />
</>
);
}
export default App;
If you're not using React, you can get a link to your emoji's image like this:
import { getAppleEmoji } from 'beautiful-emojis';
const appleEmojiUrl = getAppleEmoji('😍');
console.log(appleEmojiUrl); // Output: https://cdn.jsdelivr.net/npm/emoji-datasource-apple/img/apple/64/1f60d.png
Available Emojis
beautiful-emojis provides a variety of emojis from different platforms such as Apple, Twitter, Google, and Facebook. Check out the code to see all available options.