A group of the most recent and hottest design and growth sources (Javascript libraries, CSS snippets, Free Graphic Design Assets, and so on.) on the internet from the final week (Week 19, 2024).
Code & Instruments
Web page UI:A group of templates, elements and examples to create lovely, high-converting touchdown pages with React and Subsequent.js. Open supply & themeable with Tailwind CSS, just like Shadcn UI. (Documentation)
llama3.js: A JavaScript implementation of Llama 3 utilizing node-mlx.
base62: A JavaScript library that converts strings, bytes, and integers into shorter Base62 representations for space-saving options. (Dwell Demo)
to-valid-identifier: Convert strings to legitimate JavaScript identifiers with the to-valid-identifier library. Enhance your code high quality and scale back errors. (Dwell Demo)
Easyfrontend: 700+ Free UI Parts With Code Editor.
CodeGPT: Enhance your coding productiveness with CodeGPT, the open-source AI coding copilot that generates code snippets from pure language. (Article)
shadcn/ui sidebar: A shocking and practical retractable sidebar for Subsequent.js constructed on prime of shadcn/ui full with desktop and cellular responsiveness. (Dwell Demo)
- Retractable mini and vast sidebar
- Scrollready sidebar menu
- Sheet menu for cellular
- Grouped menu with labels
- Collapsible submenu
- Extracted menu gadgets checklist
tuple-it: A helpful utility designed to simplify error dealing with with async/await operations in JavaScript. It wraps the await assertion in a [error, data] tuple, permitting you to simply discern whether or not a promise was rejected or resolved with out resorting to nested strive/catch blocks.
flowbite-react: An open supply assortment of UI elements, in-built React, with utility lessons from Tailwind CSS that you need to use as a place to begin for person interfaces and web sites. (Documentation)
Twinny: A definitive, no-nonsense AI code completion plugin for Visible Studio Code and suitable editors like VSCodium. It is designed to combine seamlessly with numerous instruments and frameworks:
- Ollama
- llama.cpp
- oobabooga/text-generation-webui
- LM Studio
- LiteLLM
- Open WebUI
Fullwindcss: A free device to increase your tailwind colours.
Headless UI v2.0 for React: Tailwindcss simply launched Headless UI v2.0 for React, A set of utterly unstyled, absolutely accessible UI elements, designed to combine fantastically with Tailwind CSS. (Documentation)
jQuery to javascript converter: Convert your jQuery scripts to environment friendly JavaScript instantly in your browser. Obtain dependable, chainable, trendy JavaScript code immediately that can be utilized as a minimal utility library, whereas preserving your current code untouched. (See Additionally: jQuery to JavaScript Converter For ChatGPT)
jslog: Easy JavaScript & TypeScript playground.
Code Snippets
Lume Picture Carousel
See the Pen Lume Picture Carousel by Joe Pea (@trusktr) on CodePen.
loading animation
See the Pen loading animation by Scott R McGann (@cantelope) on CodePen.
Parametric Floor
See the Pen Parametric Floor by Wakana Y.Ok. (@wakana-k) on CodePen.
Toggle hoverboard
See the Pen Toggle hoverboard by Alvaro Montoro (@alvaromontoro) on CodePen.
Button hover results
See the Pen Button hover results by Francois Coron (@francoiscoron) on CodePen.
Free AI Instruments
Secret Llama: Absolutely non-public LLM chatbot that runs solely with a browser with no server wanted. Helps Mistral and LLama 3. (Article)
Tiempo AI: Enhance your productiveness with Tiempo. This AI-driven Chrome extension helps you keep on observe by redirecting your consideration while you stray out of your objectives. (Article)
NightBloom:Â A user-friendly AI picture aggregator platform that permits you to simply navigate via an unlimited assortment of artworks throughout numerous kinds, from anime to grease work. (Article)
Quickvid: A free, open-source AI-powered net app that summarizes YouTube videos.. (Article)
Free Design Assets:
Developer Portfolio: Software program Developer Portfolio Web site constructed with subsequent.js and tailwind CSS that helps you showcase your work and expertise as a software program developer. (Dwell Demo)
model-icons: Assortment of standard LLM icons for constructing AI apps.
Animstats: Get x10 extra engagement, seize consideration with Animated GIFs/Movies.
