Weekly Web Design & Development News: Collective #551

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, 2024).

Web Design & Development News: Collective #551

OpenAI Assistants API Quickstart

A quick-start template using the OpenAI Assistants API with Next.js.

OpenAI Assistants API Quickstart

[Demo] [Download]


reader

Reader converts any URL to an LLM-friendly input with a simple prefix https://r.jina.ai/. Get improved output for your agent and RAG systems at no cost.

reader

[Demo] [Download]


Supersonic Plugin

Supersonic Plugin is a super lightweight, high-performance JavaScript library designed for animating elements on scroll using CSS3 animations.

It’s built with TypeScript and utilizes IntersectionObserver API, so it only activates animations for elements currently visible on the screen. This means you can use it liberally without bogging down your site’s performance, even with tons of animated elements.

Supersonic Plugin

[Demo] [Download]


Environment

A lightweight JavaScript library that helps developers identify the runtime environment their code is executing in.

Environment

[Demo] [Download]


Mixins for Tailwind CSS

Mixins for Tailwind CSS provides a declarative API for creating reusable groups of utilities, reducing code duplication and improving maintainability while emphasizing a utility-first approach.

Mixins for Tailwind CSS

[Demo] [Download]


Financial Dashboard

A modern financial dashboard created with React.js.

Financial Dashboard

[Demo] [Download]


Bsky Share Button

Bsky Share Button is a minimalist JavaScript social sharing library that lets you add a Share On Bluesky button to your web page.

Bsky Share Button

[Demo] [Download]


memcode

Organize your filles and download them in your browser.

memcode

[Download]


Svelte Animated Pixels

This library provides an easy way to create pixelated canvas animations by just declaring maps of pixels a strings.

Svelte Animated Pixels

[Download]


Mesh-BRDF-Relighting-Viewer

3D Mesh Rendering with Babylon.js

Mesh-BRDF-Relighting-Viewer

[Demo] [Download]


Rotation

A lightweight JavaScript random user-agent generator that allows developers to generate random user agents for various devices, browsers, and bots.

Rotation

[Demo] [Download]


jsonflat

Simplify your data processing with jsonflat, a library that flattens nested JavaScript objects into a single level.

jsonflat

[Demo] [Download]


Responsive Architecture Website

Responsive Architecture Website Design Using HTML CSS And JavaScript.

Responsive Architecture Website

[Demo] [Download]


Responsive Camping Website

Responsive Camping Website Design Using HTML CSS & JavaScript.

Responsive Camping Website

[Demo] [Download]


Hexagon Grid - Ripple Effect

See the Pen Hexagon Grid - Ripple Effect by Konstantin Denerz (@konstantindenerz) on CodePen.


Animated Page-Width Decorations

See the Pen Animated Page-Width Decorations by Chelsea Adams (@chadamski) on CodePen.


Responsive Shader Carousel

See the Pen Responsive Shader Carousel by Matthias Hurrle (@atzedent) on CodePen.


Gallery with View Transitions

See the Pen Gallery with View Transitions by Adam Argyle (@argyleink) on CodePen.


"God ray" Button

See the Pen "God ray" Button by Rogie (@rogie) on CodePen.


Get Instant, Accurate Answers With iAsk.Ai – The Free AI Search Engine

Stop wasting time searching. iAsk uses AI to understand your natural language questions and provide clear, factual answers. Ask anything, get everything.

Get Instant, Accurate Answers With iAsk.Ai – The Free AI Search Engine

[Try It Out]


Transform Text To Emoji Combinations With AI – Emojitell

Say it with emojis! The Emojitell translates your text into fun and expressive emoji combinations using AI. Click to express yourself uniquely!

Transform Text To Emoji Combinations With AI – Emojitell

[Try It Out]


Turn Your Idea To Lego Models Using AI – BrickCenter

Turn your imagination into reality with BrickCenter's AI Lego designer. Create custom models and minifigures for free.

Turn Your Idea To Lego Models Using AI – BrickCenter

[Try It Out]


Party celebration icons

Party Celebration Icons free SVG, JPG, PNG.

Party celebration icons

[Download]


Cubex Font Free Download

A modern geometric slab serif font free for personal use.

Cubex Font Free Download

[Download]