Bookmarks (94) clear filters

Animockup: Create Animated Mockups in the Browser — An open-source design tool to make animated GIFs and videos to showcase your products. Try it here.

tabler-icons: A Set of Over 300 Free High-Quality SVG Icons — Here's a nice collection of practical icons. MIT-licensed.

ls-lint: A Fast File and Directory Name Linter — Written in Go but clearly aimed at JS/front-end dev use cases. ls-lint provides a way to enforce rules for file naming and directory structures.

Heroicons: Free MIT-Licensed High Quality SVG Icons for UI Development — 140 icons in total, available in solid or outline style.

css.gg: Over 500 Customizable CSS Icons — Another icon set, this time a collection of retina-ready icons built in CSS.

Panolens.js: A JavaScript Panorama Viewer Based on Three.js — View examples here. This is a lightweight, flexible, WebGL-based panorama viewer built on top of Three.js.

Let's Define CSS 4 — It seems whether CSS 4 should be a “thing” is a hot button issue right now, with most of the chatter seemingly around branding it as such for marketing reasons. Here’s Jen Simmons with her take, and the position of the CSS Working Group. This GitHub thread is open to comments from developers and designers for their thoughts.

Hex Engine: A Modern 2D Game Engine for the Browser — Still in early development. A TypeScipt- and Canvas-based game engine designed to feel similar to React.

Lion: A Library of Performant, Accessible & Flexible Web Components — From ING, known for their work with components, this is a set of feature-complete web components for kickstarting web projects. Announcement post is here.

plink-plonk.js: Listen to Web Pages As Their DOM Changes — This is really cool. Run this code at a console on a ‘busy’ Web page with lots of DOM changes and updates and you’ll be able to ‘hear’ them taking place.

darkmode-js: Dark Mode Switcher Library — This lightweight and cross-browser library helps auto-detect a user’s local time and switch themes.

rgbKineticSlider WebGL Carousel — A fully customizable WebGL slider/carousel based on PixiJS and GSAP. Certainly not for every project, but the demos are worth a look.

Tailwind Version 1.2.0 Released — The new version of this popular utility-first CSS framework is described as “probably the most exciting feature release in the history of Tailwind”. It adds CSS Transition, Transform and Grid support, plus a ton of other additions.

Griddle CSS Framework — A just-add-classes grid framework based on the Grid Layout module and Flexbox. If you’ve used Bootstrap grids, this should be easy to use.