Weekly Web Design & Development News: Collective #493
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 11, 2023).
Web Design & Development News: Collective #493
Chatbot UI
A simple chatbot starter kit for OpenAI's chat model using Next.js, TypeScript, and Tailwind CSS.
[Download]
Neon-Button
A growing neon button written in HTML and CSS.
CSS Only Presentation Library – slide.css
A CSS library for creating interactive, responsive HTML presentations, one-page scrolling websites, and vertical page sliders without JavaScript.
Snap.js
A copy-paste utility library for JavaScript.
flexcards.js
A responsive, easy-to-use carousel slider to present images or HTML content with a seamless user experience.
md2pdf
Markdown to PDF converter.
[Download]
overflow-shadow
Pure JavaScript library to indicate overflowing content by displaying a shadow on the content edge.
Image Divide with 3D Boxes
This library is part of two sibling libraries, Space.js for UI, Panel components, Tween, Web Audio, loaders, utilities, and Alien.js for 3D utilities, materials, shaders and physics.
DimBox
A lightweight yet powerful and customizable JavaScript popup library for creating stunning modals & lightboxes on your website.
Metriport
An open-source universal API for healthcare data.
[Download]
atrilabs-engine
Open-source full-stack web development framework built on top of React & Fast API.
url-cheatsheet
URL manipulation cheatsheet for JavaScript.
[Download]
Responsive Yoga Website
Responsive Yoga Website Design Using HTML CSS & JavaScript.
[Download]
Text Saver
A browser extension to save texts anytime, anywhere.
[Download]
GPT-4 Lines
See the Pen GPT-4 Lines by Luke Meyrick (@lukemeyrick) on CodePen.
Inview Animation HTML5, SCSS, JavaScript, GSAP
See the Pen Inview Animation | HTML5, SCSS, JavaScript, GSAP by Zajno (@Zajno) on CodePen.
CSS only intersecting wavy pattern
See the Pen CSS only intersecting wavy pattern by Temani Afif (@t_afif) on CodePen.
Skeuomorphic like button
See the Pen Skeuomorphic like button | SCSS nesting by LukyVJ (@LukyVj) on CodePen.
Web Banner mockup
An all caps brush font, created to make every text look like authentic hand lettering. The all-caps marker typeface is perfect for bold headlines, posters, shirt designs, fashion brands, social media content and funky ads. Mix & match the stylistic alternate or ligature, so that you’ll have lots of different letters for that unique look & feel!
[Download]
Media Icons
[Download]
