A group of the newest and hottest design and growth sources (Javascript libraries, CSS snippets, Free Graphic Design Sources, and so on.) on the internet from the final week (Week 46, 2023).
Net Design & Growth Information: Collective #527
draw-a-ui
An app that makes use of tldraw and the gpt-4-vision api to generate html primarily based on a wireframe you draw. This works by simply taking the present canvas SVG, changing it to a PNG, and sending that png to gpt-4-vision with directions to return a single html file with tailwind.
uint8array-extras
Helpful utilities for working with Uint8Array (and Buffer)
[Download]
htmlbook2pdf
A JavaScript library converts GitBook to a PDF e book.
Butterup
A light-weight JavaScript notification library that provides trendy, clean, customizable, non-intrusive toast notifications to your web site.
Svelte animation library
A easy Svelte animation library. As an alternative of being restricted to animating CSS properties utilizing a JavaScript animation library, or the Net Animations API, it makes use of values that change over time, to animate any property.
WASM AI
Vercel and web-llm template to run wasm fashions instantly within the browser.
AI Starter Equipment
A Net app stack written in FastAPI, Qdrant, and React for creating AI initiatives
[Download]
E-mail Validation In JavaScript
E-mail Validation in HTML CSS & JavaScript.
Database Backup
A Node.js utility that performs automated backups of a MySQL database utilizing the mysqldump command. The backups are saved as SQL recordsdata in a “backups” folder.
[Download]
E-mail Masker Browser Extension
An open-source browser extension that helps you generate and use masked e-mail addresses in your on-line accounts utilizing Skiff Fast Aliases. It helps you shield your privateness and maintain your inbox clear from spam.
[Download]
HomeHunter Free Web site Touchdown Web page Template
A free, open-source web site touchdown web page styled utilizing Tailwindcss with GSAP animations.
Segmented Pixel Tooltip Animation
A minimalist CSS framework designed for simplicity and ease of use.
Responsive Slider with Scrollbar | Swiper & Glassmorphism
See the Pen Responsive Slider with Scrollbar | Swiper & Glassmorphism by Ecem Gokdogan (@ecemgo) on CodePen.
Textual content results
See the Pen Textual content results by Kass (@kassandrasanch) on CodePen.
Geist Sans Font Respiration
See the Pen Geist Sans Font Respiration by John Pham (@JohnPhamous) on CodePen.
Pure CSS: Scroll-driven Animations (Responsive Webpage)
See the Pen Pure CSS: Scroll-driven Animations (Responsive Webpage) by Andrej Sharapov (@andrejsharapov) on CodePen.
Photograph Zoom iOS zoom impact, Picture Flip and Seize Impact
See the Pen Photograph Zoom – Codepen Problem – iOS zoom impact, Picture Flip and Seize Impact by Ismail Vittal (@ismailvtl) on CodePen.
AI Weekly Digest Subject #31
Get your AI update with AI Weekly Digest Subject #31 for Week 46 of 2023. A curated collection of essentially the most impactful AI information and occasions worldwide.
[Download]
Bulk Transcribe YouTube Movies into Structured Textual content with AI and Python
Use this Python script to automate transcription of YouTube videos and playlists utilizing Python, Whisper and CUDA acceleration.
Get Instantaneous Article Summaries with SMRY.ai. Breakthrough Paywalls And Streamline Studying
Break by paywalls and entry data with SMRY.ai. Quick, free article summaries await.
Monaspace
The Monaspace kind system is a monospaced kind superfamily with some trendy tips up its sleeve. It consists of 5 variable axis typefaces. Every one has a definite voice, however they’re all metrics-compatible with each other, permitting you to combine and match them for a extra expressive typographical palette.
[Download]
Cyber Safety Net Design
Cyber Safety Net Design in Figma.
[Download]