Frontend

NebulaGraph Studio has adopted D3-force directed graph to visualize data connections. This post has shared two ideas to optimize the force-directed graph layout.

Train and deploy models in the browser, Node.js, or Google Cloud Platform. TensorFlow.js is an open source ML platform for Javascript and web development.

Matter.js is 2D rigid body physics engine for the web, using JavaScript and HTML5

Creative Coding: Generative Art, Data visualization, Interaction Design, Resources. - terkelg/awesome-creative-coding

Beautifully designed components built with Melt UI and Tailwind CSS.

Documentation for PixiJS Filters library

htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext htmx is small (~14k min.gz’d), dependency-free, extendable, IE11 compatible & has reduced code base sizes by 67% when compared with react

Simple. Fast. Web Components.

A lib for generating CSS from JavaScript

The Component Gallery is a collection of components from the best Design Systems.

Learn the creative parts of HTML, CSS, and JavaScript. Let's make the frontend fun again!

Web component JS frameworks overview by their syntax and features: Svelte 4, React, Vue 3, Angular, Lit, Vue 2, Ember Octane, Solid.js, Alpine, Svelte 5 (preview), Ember Polaris (preview), Mithril, Aurelia 2, Qwik, Marko, Aurelia 1

Explore 1000s of components and libraries

Explore a wide variety of open-source, customizable buttons for web and mobile applications on Uiverse. Find the perfect button style, from flat to rounded designs, to enhance your app's user interface and elevate your design experience.

Whether scroll fading is more distracting than usable depends on the following factors: its persistence, responsiveness, and how sparingly it is applied to elements on the page. When used right, this design pattern can improve brand perception, optimize page loading, and make content more digestible.

Learnings and realizations on designing for AI and Stable Diffusion, through a practical example where I built my own app called ‘Viewmaker’.