Weekly Web Design & Development News: Collective #500

by jQueryScript,

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 18, 2023).

Web Design & Development News: Collective #500

Stripe-style Accordion Carousel In JavaScript

A horizontal accordion carousel inspired by Stripe Sessions. Clicking on each carousel item will trigger an accordion-like expansion that reveals additional content or details.

Stripe-style Accordion Carousel In JavaScript

[Demo] [Download]


particles-js-2

An animated gradient particle system where multiple particles move and interact in a natural fluid animation.

particles-js-2

[Demo] [Download]


tutim

The open-source wizard form infrastructure for web applications.

tutim

[Demo] [Download]


Unified Overlays

A universal overlay/popup utils.

Unified Overlays

[Demo] [Download]


SupportsCSS

Live, in-browser detection of modern CSS support for selectors, features, and at-rules. Applies support-based classes, exposes a results object, and allows custom tests.

SupportsCSS

[Demo] [Download]


colorswatch

A small open source tool to pick colors from an image.

colorswatch

[Demo] [Download]


Keyboards.css

Front end library-themed keyboards built using Tailwind CSS.

Keyboards.css

[Demo] [Download]


Card-for-Pricing-Plans

Simple Card for Pricing with hovers and icons.

Card-for-Pricing-Plans

[Demo] [Download]


Skeuomorphic Toggle Switch

Skeuomorphic Toggle Switch Using HTML & CSS.

Skeuomorphic Toggle Switch

[Download]


columns-resize

A tiny dependency-free library to create flex-based table-like layouts, which can be resized by user.

columns-resize

[Demo] [Download]


Metallic

A powerful web proxy build for speed and customization.

Metallic

[Demo] [Download]


OpenAI Image Generator

This is a simple image generator built with Node.js and Express that uses OpenAI's Dall-E models to generate images.

OpenAI Image Generator

[Download]


Neat CSS

Rapidly build efficient sites with Neat, the minimalist css framework.

Neat CSS

[Demo] [Download]


YouQ

Chrome Extension for YouTube. Acts as an assistant for the YouTube video you are watching.

YouQ

[Download]


Rotating text

See the Pen Rotating text by Amit Sheen (@amit_sheen) on CodePen.


Animated Counter Slider

See the Pen Animated Counter Slider by Tucker Massad (@tuckermassad) on CodePen.

Rocker Switches

See the Pen Rocker Switches by Jon Kantner (@jkantner) on CodePen.


CSS Bokeh (color)

See the Pen CSS Bokeh (color) by 404ryannotfound (@404ryannotfound) on CodePen.


AI Weekly Digest Issue #3

Get your AI update with AI Weekly Digest Issue #3 for Week 18 of 2023. A curated selection of the most impactful AI news and events worldwide.

AI Weekly Digest Issue #3

[Download]


3D Social Media Icons Socialistick

Social Media Icons 3D illustration Pack for design need, animation, game, apps, Ui Design, web design, Presentation, flyer or poster, social media advertising, content creator, landing pages, apps, presentations and other projects.

3D Social Media Icons Socialistick

[Download]


Very Usable Icon Library

550+ useful icons for free download.

Very Usable Icon Library

[Download]


Red Block Font

A Cyrillic font inspired by the iconic Soviet propaganda posters of the early 20th century. The font is bold and blocky, with a commanding presence that demands attention and makes a statement. Designed with a contemporary twist, "Red Block" is perfect for modern designs that require a touch of Soviet-style typography.

Red Block Font

[Download]