.svg){kind=icon}
accessible html/css charts with markdown support.
The point of C💚SS.css is to allow easy creation of simple charts for documentation, data storytelling / journalism, etc. It features plots of 1-D lists, and has a custom markdown filter that converts suitably formatted lists directly to charts. It has no dependencies (other than a modern browser), and is very small compared to javascript based charting tools. The html is based on <ul> lists and will collapse back to readible lists in the absence of css support, making it accessible to all readers. It is open source and easily configurable according to project needs.
Generate Social Media Images Using Cloudinary.
Dynamically generate social media sharing images using Cloudinary!
This is a utility function that builds social media images by overlaying a title and tagline over an image using Cloudinary’s APIs.
Make your website look like a LaTeX document.
This almost class-less CSS library turns your HTML document into a website that looks like a LaTeX document. Write semantic HTML, add <link rel="stylesheet" href="https://latex.now.sh/style.css"> to the <head> of your project and you are good to go.
Browser-based, mobile-friendly, actually private tools that make CSS a little less bad.
Color and customize icon sets to fit your brand.
Norde Source makes it easy to customize entire icon sets to fit your brand. Built for designers, developers, marketers and anyone who works with a lot of icons. Available for Mac, Windows and Linux!
A small JavaScript library to create and animate annotations on a web page
Rough Notation uses RoughJS to create a hand-drawn look and feel. Elements can be annotated in a number of different styles. Animation duration and delay can be configured, or just turned off.
Faster subsequent page-loads by prefetching or prerendering in-viewport links during idle time.
This project aims to be a drop-in solution for sites to prefetch links based on what is in the user's viewport.
Free Modern React Templates & Components for building landing pages and UIs
On-Demand CSS Animations Library.
Animista is a place where you can play with a collection of pre-made CSS animations, tweak them and get only those you will actually use.
Headless UI for Virtualizing Large Element Lists
Virtualize only the visible DOM nodes within massive scrollable elements at 60FPS in TS/JS, React, Vue, Solid & Svelte while retaining 100% control over markup and styles.
Tell your story with illustrations
Easily create and customize stunning illustrations with collections made by artists across the globe. Try it, it’s kind of fun.
This project is a way for people to use CSS Grid features quickly to create dynamic layouts.
You can set the numbers, and units of your columns and rows, and I'll generate a CSS grid for you! Drag within the boxes to create divs placed within the grid.
Curated Color Palettes with Search and Tags Support
The convenient JavaScript Web Component, which lets you reliably create beautiful buttons, where people can add events to their calendars.
Turn screenshots into beautiful image assets. Screenshots that stick out.
Cut down on time and effort by auto-generating quality graphics from ordinary screenshots.
Table plug-in for jQuery.
DataTables is a plug-in for the jQuery Javascript library. It is a highly flexible tool, built upon the foundations of progressive enhancement, that adds all of these advanced features to any HTML table.
webpack/Parcel/Snowpack boilerplate generator.
Frontend build config generator.
JavaScript 3D Library.
The aim of the project is to create an easy to use, lightweight, cross-browser, general purpose 3D library. The current builds only include a WebGL renderer but WebGPU (experimental), SVG and CSS3D renderers are also available as addons.
A gooey text hover effect using SVG filters
a ridiculously small responsive css framework.
lit has two modules: lit and util. Both of them are designed to be as small as possible, and easy to extend.