Open Source & Free Tools for Web Workers

Charts.css is a CSS framework that uses CSS utility classes to style HTML elements as charts. It offers a variety of chart types and is designed to be customizable, responsive, and accessible.

Here are its main features and functionalities:

• Variety of Charts: It includes a wide array of chart types such as area, bar, column, line, pie, radial, polar, radar, and mixed charts, as well as multi-dataset versions of some charts. It also offers stacked columns and 3D effects.

• Semantic Structure: Uses HTML tags to display data.

• Customizable: Allows for custom styling using CSS.

• Responsive: Charts scale using media queries.

• Accessible: Raw data is included within the markup.

• No Dependencies: It has zero external overhead and does not require any JavaScript, which improves performance.

• Small Library: The file size is small, with a 76kb file size (7kb gzipped).

• Open Source: The code is open source and available on GitHub under the MIT license.

• Framework Benefits:

  • Better Performance: No JavaScript means no rendering, which improves performance.

  • Large Variety: Supports many chart types.

  • Easy to Use: It uses CSS utility classes to style HTML elements.

• People Behind the Project: Developed by Rami Yushuvaev (developer) and Lana Gordiievska (designer).

SVG Repo - Free SVG Vectors and Icons:

• SVG Repo offers over 500,000 open-licensed SVG vectors and icons.

• The platform provides a wide variety of free icons and vectors that are available for commercial use.

• It uses an ML-powered search to help users easily find suitable vectors.

• Users can edit and remix icons or vectors without needing design software.

• The served icons and vectors are optimized using an SVGO based compressor.

• SVG Repo is community powered, encouraging users to share their work, help the community grow, and get link attributions.

• The platform does not show premium content while users are searching for free assets.

• Users can browse over 6000 collections of SVG icons by color and style.

• There are many styles of vector collections including Monocolor, Multicolor, Duotone, Outlined, Filled, Icon, Glyph, Rounded, and Sharp.

• The platform also lists collections by style categorization such as Interface, Flat, Bordered, Tritone, Line, Bold, Thin, Dashed, Tiny, Basic, Circular, Set, Emoji, Logo, Pixel, Stylized, Doodle, Hand Drawn, Gradient, Isometric, Sticker, 3D, and Website Content.

• The site provides a list of free vector categories including Monocolor, Multicolor, Filled, Outlined and Icon vectors.

• Other collections include Glyphs, Circular, Duotone and Flat vectors.

• There are also links to developer/designer resources such as Free Tools, Icon API, vectormaker, Font Repo, and SVG Find.

• The platform is on Product Hunt.

The platform is designed to be a large and versatile resource for free SVG vectors and icons that can be used in a variety of projects.

Norde Icon Manager - Color and customize icon sets to fit your brand":

• Norde Source is an SVG icon manager and editor that allows users to customize icon sets to fit their brand.

• It is designed for designers, developers, marketers, and anyone who works with many icons.

• The software is available for Mac, Windows, and Linux.

• Norde Source offers multi-color editing, which allows users to change a specific color throughout an entire icon set at once.

• It provides resize on the fly capability, allowing users to change the size of all icons simultaneously and export them.

• Users can search for icons using a search bar and switch between icon sets while applying their search.

• The software features drag & drop functionality, allowing users to drag icons into design tools or folders.

• Icons can be exported to SVG, PNG, JPG, WebP, and Vue.js formats, with React component support coming soon.

• Norde Source includes a built-in store with over 10,770 free icons.

• Pro features include:

  • Dark mode

  • The ability to change icon background color

  • Iconfont generation

  • The ability to reset colors to original

  • Early access to new features

• Users can sign up for the Norde Newsletter to receive updates, tips, tricks, and design news.