Weekly Web Design & Development News: Collective #483
A collection of the latest and hottest design and development resources (Javascript libraries, CSS snippets, Free Graphic 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.
Feature-rich Accordion Slider In Vanilla JavaScript
A standalone JavaScript library for creating responsive, touch-enabled, high-performance, and rich-content accordion sliders.
pretty-cache-header
Cache-control header utility that parses human readable time strings into seconds.
[Download]
polyclip-js
A JavaScript implementation of the Greiner-Hormann clipping algorithm.
[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).
[Download]
Form Builder With Svelte & Tailwindcss
NoCode form builder built with Svelte and Tailwindcss.
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.
vanilla-music-player-ui
Music player UI, created using HTML and SCSS. The UI is based on design by IKAKO from Dribble.
ts-proto
An idiomatic protobuf generator for TypeScript.
[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.
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.
youtubeAttributeAPI
This project was written with the aim of providing comprehensive management of Youtube iFrame Player API published by Google over data-attr.
image2pixel.js
A small library that allows you to implement a particle/pixel effect on a given image.
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.
custom-curses
A simple library to add Custom, physics enabled cursors to your webpage.
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).
[Download]
Latent Web Browser
A browser for web content generated by GPT-3.
[Download]
Tooltip to Gallery Transition
A concept for page transitions where a tooltip image animates to a gallery layout and fullscreen image.