Weekly Web Design & Development News: Collective #557

by jQueryScript,

A roundup of the latest and most popular development & design resources (Javascript & CSS libraries, Code snippets, Web Dev News & Resources, Curated AI Tools, Graphic Design Freebies, etc.)  from the past week (Week 24, 2024).

JavaScript & CSS

youtube-vimeo-embed - A custom element to embed either a YouTube or Vimeo video into your page.

Datera.js - A customizable date and date range picker JS library that transforms a regular input field into a date selection input.


Best Data Table Libraries - 10 best open-source data table libraries written in vanilla JavaScript.

agentic - AI agent stdlib that works with any LLM and TypeScript AI SDK.

Grid Item Push Animation - A grid animation based on Rémi Clauss’ concept where grid items move to a specific position relative to their initial one.

DGM.js - An infinite canvas with smart shapes.

nnou-option - Provides a simple Option type that can be used to represent a value that may or may not be present.

Nuxt 3 Starter Template - A feature-rich Nuxt 3 starter template that integrates Firebase for backend functionality, Lucide for icons, Radix Vue for UI components, GSAP for animations, and TailwindCSS for styling.

Tremor Dashboard Template - Free open-source dashboard template by Tremor.


buffer-to-base64 - A base64 encoder/decoder with gzip or deflate abilities.

tacheles - A lightweight, open-source blueprint for building powerful and scalable language model (LLM) chat applications.

Shadcn Landing Page Template - New design Nextjs + Shadcn + TypeScript + Tailwind. Landing page template ease-to-use.

Shadcn Landing Page Template

Google Opt-Out - Refers to a set of tools and settings that allow users to opt-out of certain data collection or tracking activities when using Google services.

Discover more JavaScript & CSS Libraries →

Developer Tools & Resources

RefreshCSS - A Python library that removes unused styles from CSS.

search-result-scraper-markdown - A powerful web scraping tool that fetches search results and converts them into Markdown format using FastAPI, SearXNG, and Browserless.

Inspectus - A versatile visualization tool for large language models.

Portfolo - Effortlessly create a portfolio and add projects using markdown.

Code Finder - The ultimate search engine for GitHub repositories.

Graphic Design Freebies

Responsive Flow Arrows - A set of responsive flow arrows designed in Figma.

Responsive Flow Arrows

Cookii Display Font - A free, bold, bubbly typeface that exudes a youthful and playful vibe.

Cookii Free Font Template

Discover more Graphic Design Freebies →

Curated Free AI Tools

Quick Bio - An AI-powered bio generation website that creates personalized and engaging bios based on user input.

ultravox - A new kind of multimodal LLM that can understand text as well as human speech, without the need for a separate Audio Speech Recognition (ASR) stage.

OwlAI - A free AI logo maker that uses OpenAI’s GPT-4o model to generate high-quality logos from text descriptions.

Free Mindmap Generator - An AI tool designed to assist individuals from various educational and creative backgrounds in brainstorming and knowledge visualization quickly.

Discover more Free AI Tools →

News & Articles

Useful CSS Tips And Techniques Link

How To Hack Your Google Lighthouse Scores In 2024 Link

Announcing TypeScript 5.5 RC Link

Rust Growing Fastest, But JavaScript Reigns Supreme Link