Web Design & Development News: Collective #527
An app that uses tldraw and the gpt-4-vision api to generate html based on a wireframe you draw. This works by just taking the current canvas SVG, converting it to a PNG, and sending that png to gpt-4-vision with instructions to return a single html file with tailwind.
Useful utilities for working with Uint8Array (and Buffer)
Svelte animation library
Vercel and web-llm template to run wasm models directly in the browser.
AI Starter Kit
A Web app stack written in FastAPI, Qdrant, and React for creating AI projects
A Node.js application that performs automatic backups of a MySQL database using the mysqldump command. The backups are saved as SQL files in a "backups" folder.
Email Masker Browser Extension
An open-source browser extension that helps you generate and use masked email addresses for your online accounts using Skiff Quick Aliases. It helps you protect your privacy and keep your inbox clean from spam.
HomeHunter Free Website Landing Page Template
A free, open-source website landing page styled using 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
Geist Sans Font Breathing
Pure CSS: Scroll-driven Animations (Responsive Webpage)
AI Weekly Digest Issue #31
Get your AI update with AI Weekly Digest Issue #31 for Week 46 of 2023. A curated selection of the most impactful AI news and events worldwide.
Bulk Transcribe YouTube Videos into Structured Text with AI and Python
Use this Python script to automate transcription of YouTube videos and playlists using Python, Whisper and CUDA acceleration.
Get Instant Article Summaries with SMRY.ai. Breakthrough Paywalls And Streamline Reading
Break through paywalls and access knowledge with SMRY.ai. Fast, free article summaries await.
The Monaspace type system is a monospaced type superfamily with some modern tricks up its sleeve. It consists of five variable axis typefaces. Each one has a distinct voice, but they are all metrics-compatible with one another, allowing you to mix and match them for a more expressive typographical palette.
Cyber Security Web Design
Cyber Security Web Design in Figma.