spark-joy vs react-icons

With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

surveyjs.io

featured

InfluxDB - Power Real-Time Data Analytics at Scale

Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

www.influxdata.com

featured

spark-joy		react-icons
	Project
38	Mentions	92
9,223	Stars	11,155
-	Growth	1.5%
6.8	Activity	8.1
2 months ago	Latest Commit	17 days ago
JavaScript	Language	TypeScript
MIT License	License	GNU General Public License v3.0 or later

The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.

spark-joy

Posts with mentions or reviews of spark-joy. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-10-19.

Just paying Figma $15/month because nothing else fucking works
5 projects | news.ycombinator.com | 19 Oct 2023

what about Excalidraw / TLDraw? there are so many of these canvas drawing apps[1]. draw on them, take a screenshot. doesnt export to svg but do people really need that?
[1]: https://github.com/swyxio/spark-joy/blob/master/README.md#ge...
Show HN: React95 – a React components library recreating the look of Windows 95
14 projects | news.ycombinator.com | 9 Jul 2023
Show HN: Databasediagram.com – Private, Text to Entity-Relationship Diagram Tool
7 projects | news.ycombinator.com | 8 Jun 2023

ive been a keeping a list of other diagramming tools too https://github.com/swyxio/spark-joy/blob/master/README.md#di...
Product design and UX design resources – Degreeless.Design
1 project | news.ycombinator.com | 11 May 2023

i've been keeping my own resource list for a few years: https://github.com/sw-yx/spark-joy/
just offering for anyone else interested!
Show HN: Neat, the Minimalist CSS Framework
18 projects | news.ycombinator.com | 25 Apr 2023
i collect these for fun! adding to my collection https://github.com/sw-yx/spark-joy/blob/master/README.md#dro...
more like this:
```
  -  https://andybrewer.github.io/mvp/ mvp.css
```
Aplicando o Learn In Public na vida real
1 project | dev.to | 16 Feb 2023
Poline – esoteric color palette generator
2 projects | news.ycombinator.com | 5 Feb 2023
Charts.css: CSS data visualization framework
2 projects | news.ycombinator.com | 30 Oct 2022
Feather – Simply beautiful open source icons
18 projects | news.ycombinator.com | 16 Oct 2022

my list of icon resources here: https://github.com/sw-yx/spark-joy/blob/master/README.md#ico...
Layout Breakouts with CSS Grid
1 project | news.ycombinator.com | 11 Oct 2022

ok this is a fantatsic solution. took me a while to get why this is better than joshwcomeau's solution, but now i am using this as my default.
(dont wanna seem too pluggy but just sharing my cumulative css notes: https://github.com/sw-yx/spark-joy/ i dont make money from this)

react-icons

Posts with mentions or reviews of react-icons. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2024-02-05.

Squeezing more performance out of your Nextjs App
4 projects | dev.to | 5 Feb 2024
The 20 most used React libraries
9 projects | dev.to | 29 Dec 2023

react-icons: Quickly integrate a variety of icons into your React app. Learn more
Free Icons for your reactjs and web applications
4 projects | dev.to | 28 Dec 2023

3. React Icons
Building the Play Button
1 project | dev.to | 15 Dec 2023

We make use of react-icons to display the play and pause indications.
Icons used by existing apps
1 project | /r/webdev | 9 Dec 2023

If you're using React, I can recommend this: https://react-icons.github.io/react-icons/
Complete React and Tailwind CSS Website Design Tutorial | Build an Educational Landing Page
6 projects | dev.to | 5 Dec 2023

Links to external resources like Tailwind CSS, Google Fonts, and React Icons are provided, offering additional references for users.
Construindo um Painel de Blog Dinâmico com Next.js
6 projects | dev.to | 1 Dec 2023

react-icons - lib de icones para react.
Building with React JS: Create your own Youtube Video Player: Starting with Basics
2 projects | dev.to | 25 Nov 2023

As you can observe, here we again make use of style-components to create a container for the underlying icon. Also, we make use of the react-icons that provide a react wrapper for icons from various providers. Here we make use of the icons from the HeroIcons2 provider hence we import it from hi2 from the react-icons
Unveiling the Effects of Icons on Website Performance
1 project | dev.to | 3 Oct 2023

As you can observe, the homepage consists of a few text elements and a navigation bar adorned with icons. To achieve this, I employed Material-UI (MUI) and React Icons. However, there's a noticeable hiccup - the page, ideally, should load swiftly, but instead, it's a bit sluggish. Even more concerning, it's transferring more data than anticipated.
Icon Buddy – 100K+ Open Source SVG Icons, Fully Customizable
5 projects | news.ycombinator.com | 23 Jul 2023

Similar concept to react-icons (https://react-icons.github.io/react-icons/)in that regard.

What are some alternatives?

When comparing spark-joy and react-icons you can also consider the following projects:

dagre-svg

iconify-react - Iconify icon component for React

TuiCss - Text-based user interface CSS library

heroicons - A set of free MIT-licensed high-quality SVG icons for UI development.

mcg - Material Design Palette/Theme Generator - AngularJS, React, Ember, Vue, Android, Flutter & More!

material-design-icons - Material Design icons by Google (Material Symbols)

fontsource - Self-host Open Source fonts in neatly bundled NPM packages.

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.

NES.css - NES-style CSS Framework | ファミコン風CSSフレームワーク

Tailwind CSS - A utility-first CSS framework for rapid UI development.

tints.dev - 10-color Palette Generator and API for Tailwind CSS

react-emoji - An emoji mixin for React