A group of the newest and hottest design and growth sources (Javascript libraries, CSS snippets, Free Graphic Design Assets, and many others.) on the internet from the final week (Week 20, 2024).
JavaScript & CSS
Crawl4AI: A strong, free net crawling service designed to extract helpful data from net pages and make it accessible for giant language fashions (LLMs) and AI purposes.’
Gauge: An aesthetic and customizable round visible part for React. Dwell Demo
Fancy-ANSI: A small JavaScript library for changing ANSI to lovely, browser-safe HTML. Dwell Demo
Tiny invert: A tiny but highly effective instrument for dependency inversion.
EventEmitter: Typed occasion and light-weight occasion emitter with a category based mostly API.
POINTS: A library that makes use of WebGPU and lets you create shaders with out worrying an excessive amount of concerning the setup. Playground
chatbot-widget-ui: A library for creating React.js chatbot widget UI, constructed utilizing TypeScript. It offers complete customization options that leverage OpenAI API completions.
is-identifier: Examine if a string is a sound JavaScript identifier. Dwell Demo
react-chatbotify: An intuitive and versatile chatbot library tailor-made to streamline your growth course of whereas offering the flexibleness to implement superior options. It’s crafted to satisfy a variety of necessities, whether or not you are constructing an easy FAQ chatbot, an intricate conversational interface and even an integration with Massive Language Fashions (LLMs).
moon-toast: A SolidJS toast library. Dwell Demo
Fallout.css: A tiny CSS library that allows builders to create retro-futuristic type webpages harking back to the terminal person interface from the “Fallout” video sport sequence. Dwell Demo
coolshapes-vue: 100+ summary shapes with gradient for design & dev undertaking for Vue. Dwell Demo
Truecropper: A vanilla JavaScript picture cropper that is light-weight, superior, and has completely zero dependencies. Dwell Demo
Internet Dev Instruments & Assets
Refine: Construct React-based inside instruments, admin panels, dashboards & B2B apps with unmatched flexibility.
Cap: Easy, on the spot display sharing. Open supply and cross-platform.
Defending your e-mail handle by way of SVG as an alternative of JS: The article describes utilizing SVG to guard e-mail addresses from spambots, avoiding JavaScript dependencies. This SVG methodology retains e-mail addresses accessible even with JavaScript turned off, permits for traditional mailto: hyperlinks throughout the SVG, and makes emails copyable like textual content whereas concealing them from primary spambots
Featured AI Instruments
Taylor Swift: Image Taylor Swift in any situation! This free AI instrument allows you to generate distinctive pictures based mostly in your descriptions.
Refact AI: An open-source AI coding assistant with blazing-fast code completion, highly effective code enchancment instruments, and chat.
JIT.codes: Write code quicker in numerous languages & frameworks. JIT.codes – Your AI-powered code technology companion. 100% free!
SuperMemory: The free AI chatbot that organizes your bookmarks, notes, and extra into a private information base. Construct your second mind now.
Code Snippets
CSS-only shimmering neon textual content
See the Pen CSS-only shimmering neon textual content by Giana (@giana) on CodePen.
No textual content duplication blended layers
See the Pen No textual content duplication blended layers by Ana Tudor (@thebabydino) on CodePen.
Interactive Gradient & Glassmorphism with noise
See the Pen Interactive Gradient & Glassmorphism with noise by TOMAZKI (@Podgro) on CodePen.
CSS Filters + mix-blend-mode excessive distinction
See the Pen CSS Filters + mix-blend-mode excessive distinction by Str3lla (@Str3lla) on CodePen.
Anchor Positioning :hover Playing cards
See the Pen Anchor Positioning :hover Playing cards by Jhey (@jh3y) on CodePen.
Free Design Assets
Brutalist-style Show Font: A Brutalist-style show font design composed of primary Latin characters, together with uppercases, lowercases, numbers, and chosen punctuations.
Glossy 3D Duotone Icons In Figma: A group of over 40 glossy 3D duotone icons designed for Figma customers.