Weekly Web Design & Development News: Collective #557
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.
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.
Cookii Display Font - A free, bold, bubbly typeface that exudes a youthful and playful vibe.
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.
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
