Weekly Web Design & Development News: Collective #483

by jQueryScript,

A collection of the latest and hottest design and development resources (Javascript libraries, CSS snippets, DeveloGraphic Design Resources, etc.) on the web from the last week (Week 1, 2023).

Web Design & Development News: Collective #483

react-resizable-panels

React components for resizable panel groups/layouts.

react-resizable-panels

[Demo] [Download]


Feature-rich Accordion Slider In Vanilla JavaScript

A standalone JavaScript library for creating responsive, touch-enabled, high-performance, and rich-content accordion sliders.

Feature-rich Accordion Slider In Vanilla JavaScript

[Demo] [Download]


pretty-cache-header

Cache-control header utility that parses human readable time strings into seconds.

pretty-cache-header

[Download]


polyclip-js

A JavaScript implementation of the Greiner-Hormann clipping algorithm.

polyclip-js

[Download]


Gluon

Gluon is a new framework for creating desktop apps from websites, using system installed browsers (not webviews) and NodeJS, differing a lot from other existing active projects - opening up innovation and allowing some major advantages. Instead of other similar frameworks bundling a browser like Chromium or using webviews (like Edge Webview2 on Windows), Gluon just uses system installed browsers like Chrome, Edge, Firefox, etc. Gluon supports Chromium and Firefox based browsers as the frontend, while Gluon's backend uses NodeJS to be versatile and easy to develop (also allowing easy learning from other popular frameworks like Electron by using the same-ish stack).

Gluon

[Download]


Form Builder With Svelte & Tailwindcss

NoCode form builder built with Svelte and Tailwindcss.

Form Builder With Svelte & Tailwindcss

[Demo] [Download]


open-stylable

Tiny (<0.5kB min+gz) proof-of-concept implementation of an "open-stylable" web component. It can be styled from the global <head>, even though it uses shadow DOM.

open-stylable

[Demo] [Download]


vanilla-music-player-ui

Music player UI, created using HTML and SCSS. The UI is based on design by IKAKO from Dribble.

vanilla-music-player-ui

[Demo] [Download]


ts-proto

An idiomatic protobuf generator for TypeScript.

ts-proto

[Download]


cra-template-codely

Template for creating your React apps with TypeScript following best practices: Unit and end-to-end tests, Continuous Integration, and linting.

cra-template-codely

[Demo] [Download]


LinkFree

Connect to your audience with a single link. Showcase the content you create and your projects in one place. Make it easier for people to find, follow and subscribe.

LinkFree

[Demo] [Download]


youtubeAttributeAPI

This project was written with the aim of providing comprehensive management of Youtube iFrame Player API published by Google over data-attr.

Customizable Youtube iFrame Player API – youtubeAttributeAPI

[Demo] [Download]


image2pixel.js

A small library that allows you to implement a particle/pixel effect on a given image.

image2pixel.js

[Demo] [Download]


Green Wall

Green Wall is a web site tool that help you review the contributions you have made on GitHub over the years, so you can generate the image to save and share.

Green Wall

[Demo] [Download]


custom-curses

A simple library to add Custom, physics enabled cursors to your webpage.

custom-curses

[Demo] [Download]


Fluid Gooey Text Background

See the Pen Fluid Gooey Text Background by Luke Meyrick (@lukemeyrick) on CodePen.


CSS Hover Light Card

See the Pen CSS Hover Light Card by Jhey (@jh3y) on CodePen.


Expandable Animated Card Slider

See the Pen Expandable Animated Card Slider by Yudiz Solutions Pvt. Ltd. (@yudizsolutions) on CodePen.


Elastic Accordion GSAP

See the Pen Elastic Accordion GSAP by Fabio Ottaviani (@supah) on CodePen.


WebP Converter Browser

Convert your image in browser side(frontend side).

WebP Converter Browser

[Download]


Latent Web Browser

A browser for web content generated by GPT-3.

Latent Web Browser

[Download]


Tooltip to Gallery Transition

A concept for page transitions where a tooltip image animates to a gallery layout and fullscreen image.

Tooltip to Gallery Transition

[Demo] [Download]