A set of the newest and hottest design and growth sources (Javascript libraries, CSS snippets, Free Graphic Design Sources, and many others.) on the internet from the final week (Week 16, 2024).
Internet Design & Improvement Information: Collective #549
link-peek
Remodel boring hyperlinks into wealthy, informative previews with link-peek. Enhance person engagement and clicks.
watching-you
A tiny but sturdy JavaScript library for creating animations that comply with issues in your webpage.
havLightbox
A light-weight galley lightbox JavaScript plugin that permits you to create picture galleries with a lightbox overlay.
ProgressJS
A progress bar JavaScript library that helps you create customizable, animated, round progress bars in your net apps.
next-view-transitions
This library is geared toward fundamental use instances of View Transitions and Subsequent.js App Router. With extra advanced purposes and use instances like concurrent rendering, Suspense and streaming, new primitives and APIs nonetheless must be developed into the core of React and Subsequent.js sooner or later.
Firecrawl
Crawl and convert any web site into LLM-ready markdown.
[Download]
html-tailwindcss-components
Free TailwindCSS HTML UI Parts – constructed to create touchdown pages and web sites. Easyfrontend UI elements are free and open-source.
replexica
Replexica is an i18n toolkit for React, to ship multi-language apps quick.
rHttp
REPL for HTTP:
- https, http/2 assist
- Auto following the redirects
- Simple manipulation of request cookies, headers, params (question string) and kind values
- Simple manipulation of JSON request payload (by way of the built-in mini editor)
- Load JSON request payload from file
- Computerized syntax highlighting of the physique of http responses
- Auto format JSON responses (helpful for inspection of minified responses)
- Save & load classes (helpful for advanced request setup)
[Download]
webgpu-waveform
Render waveforms to <canvas /> utilizing WebGPU.
shadcn-multi-select-component
A multi-select element designed with shadcn/ui.
Tailcolor
Craft gorgeous grainy-style gradients utilizing Tailwind CSS’s intensive palette of colours.
Type Builder React
This utility is a drag & drop kind builder in-built React and bundled with Webpack. It permits you to create multi-step kinds by including containers, with every container representing a brand new step. The weather throughout the containers are displayed on the UI based mostly on the present step the person is in.
video-to-gif
In browser, convert Video to GIF, with WebCodec and ffmpeg.wasm.
Responsive Chips Web site
In browser, convert Video to GIF, with WebCodec and ffmpeg.wasm.
[Download]
fancy progress bar
See the Pen fancy progress bar by Sebastian Schepis (@sschepis) on CodePen.
CSS-only fragmentation impact on hover
See the Pen CSS-only fragmentation impact on hover by Temani Afif (@t_afif) on CodePen.
Comedian Speech Bubbles – CSS
See the Pen Comedian Speech Bubbles – CSS by Josetxu (@josetxu) on CodePen.
Revolving Textual content
See the Pen Revolving Textual content by Rafa (@RAFA3L) on CodePen.
Backrooms UI
See the Pen Backrooms UI by Carter Lovelace (@carterfromsl) on CodePen.
Ask, Study, Talk about in Socratic Lab AI Neighborhood
Get prompt solutions and be part of participating discussions on Socratic Lab. Expertise the ability of AI and human connection.
Chat and Work together along with your Favourite Characters & Tales – Ohai AI
Dive into participating tales and roleplay with beloved characters on Ohai AI. This AI chatbot gives countless potentialities for enjoyable interactions.
Strive & Evaluate Prime-tier GPT, Claude, Gemini AI Fashions For Free – Geminivsgpt
Evaluate top-tier ChatGPT, Gemini, and Claude AI fashions facet by facet to seek out the right match on your wants. Save money and time!
Trendy SaaS Touchdown Web page UI Template Figma
A contemporary customizable touchdown web page UI template for SaaS & AI web sites. Darkish and Mild themes are included.
[Download]
8000+ Excessive-quality Vector Icons Pack Figma
The MGC Icon System supplies a group of 8000+ pixel-perfect vector icons for all of your icon wants.
[Download]
