Weekly Web Design & Development News: Collective #551
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.
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.
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.
Environment
A lightweight JavaScript library that helps developers identify the runtime environment their code is executing in.
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.
Financial Dashboard
A modern financial dashboard created with React.js.
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.
memcode
Organize your filles and download them in your browser.
[Download]
Svelte Animated Pixels
This library provides an easy way to create pixelated canvas animations by just declaring maps of pixels a strings.
[Download]
Mesh-BRDF-Relighting-Viewer
3D Mesh Rendering with Babylon.js
Rotation
A lightweight JavaScript random user-agent generator that allows developers to generate random user agents for various devices, browsers, and bots.
jsonflat
Simplify your data processing with jsonflat, a library that flattens nested JavaScript objects into a single level.
Responsive Architecture Website
Responsive Architecture Website Design Using HTML CSS And JavaScript.
Responsive Camping Website
Responsive Camping Website Design Using HTML CSS & JavaScript.
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.
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!
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.
Party celebration icons
Party Celebration Icons free SVG, JPG, PNG.
[Download]
Cubex Font Free Download
A modern geometric slab serif font free for personal use.
[Download]
