XaTaHackMambaHackathon
react-icons
Our great sponsors
- Appwrite - The Open Source Firebase alternative introduces iOS support
- Klotho - AWS Cloud-aware infrastructure-from-code toolbox [NEW]
- Sonar - Write Clean JavaScript Code. Always.
- InfluxDB - Access the most powerful time series database as a service
- ONLYOFFICE ONLYOFFICE Docs — document collaboration in your environment
| XaTaHackMambaHackathon | react-icons | |
|---|---|---|
| 1 | 80 | |
| 0 | 9,725 | |
| - | 1.9% | |
| 10.0 | 9.1 | |
| 7 months ago | 2 days ago | |
| JavaScript | TypeScript | |
| - | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
XaTaHackMambaHackathon
-
How to Create a Resume Builder App with Xata and Cloudinary Using NextJs
Our Pages Also, most of the content here will be code snippets from our code. Please find the code here on GitHub.
react-icons
-
I finished my first portfolio made on react
[link]https://react-icons.github.io/react-icons
-
Top React UI Libraries for Simplifying Frontend Development and How to Implement Them
React-icons can be easily imported and used in your project. Read full documentation.
You'll need to first import the specific icon component you want to use from the react-icons library. You can't possibly know the name of all icon component off the top of your head, simply go to https://react-icons.github.io/react-icons/ and search for the specific icon you want to use. As a case study, we are going to use the *warning * icon component from Ant Design (ant design icons are usually the first set of results). On the website, search for 'warning', click on the icon once to copy it. Go to the specific component you want to add the icon to and import it using:
-
Building Pagination in React with React Paginate
Along with that, we will need some icons. For icons, I am using the react-icons library. Install it with the below command:
-
One way of building an SVG icon library for your project
Really interesting framework agnostic approach, but I think SVGR is a better option for my React homies. It imports an SVG file as a React component. Shouts also to react-icons if Font Awesome, Material Icons and friends are more your bag.
-
Build a persional site with Next.js & Tialwindcss
react-icon as a main icon provider
-
Connect Wallet App using WAGMI and Tailwind CSS
React-icons: This package is used to get icons to use in the interface of the application.
-
Five Time Saving React Packages You MUST Try!
Their documentation include examples and well... documentation
-
Building a Music Player in React
react-icons: For adding icons of play, pause, next and previous into our player.
-
How to Create a Resume Builder App with Xata and Cloudinary Using NextJs
React Icons: To add beautiful Icons to our pages.
What are some alternatives?
iconify-react - Iconify icon component for React
heroicons - A set of free MIT-licensed high-quality SVG icons for UI development.
material-design-icons - Material Design icons by Google
Introducing .NET Multi-platform App UI (MAUI) - .NET MAUI is the .NET Multi-platform App UI, a framework for building native device applications spanning mobile, tablet, and desktop.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
react-emoji - An emoji mixin for React
tabler-icons - A set of over 4200 free MIT-licensed high-quality SVG icons for you to use in your web projects.
next-optimized-images - 🌅 next-optimized-images automatically optimizes images used in next.js projects (jpeg, png, svg, webp and gif).
chakra-ui - ⚡️ Simple, Modular & Accessible UI Components for your React Applications
react-markdown - Markdown component for React
react-emoji-react - a clone of slack emoji reactions in react
react-icomoon - It makes it very simple to use SVG icons in your React and React-Native projects.