A group of the newest and hottest design and growth assets (Javascript libraries, CSS snippets, Free Graphic Design Sources, and so forth.) on the internet from the final week (Week 6, 2024).
Net Design & Improvement Information: Collective #539
carouscroll
The carouscroll internet element lets you improve horizontal scrolling containers into full-featured carousels and sliders.
It provides subsequent/earlier buttons that enable customers to easily navigate by way of gadgets inside your scrollable containers.
mojocss
A next-generation atomic CSS framework that enables builders to create stunning consumer interfaces with out writing any CSS. Just like the acquainted TailwindCSS, Mojo CSS generates CSS primarily based in your HTML in real-time with close to zero runtime.
Vue Marquee
An attractive marquee element for Vue.
enhanced-button
An enhanced model of the default shadcn-button element.
Expands the default element by including new stunning button kinds and options with minimal code, so that you now not should create and handle a number of button elements in your tasks.
Faux Glow Materials for Vanilla Three.js
A pure-Javascript world-generator with variable settings.
shadcn-phone-input
A telephone enter element constructed as a part of the Shadcn design system. It presents a mix of customization and out-of-the-box styling, adhering to Shadcn’s smooth and fashionable design rules.
eddy.CSS
A mini css library primarily based on normalise.css.
Prolonged Format
This package deal supplies a set of formatting utilities for numerous forms of knowledge, similar to CPF, CNPJ, telephone numbers, CEP, forex, percentages, bank card numbers, and emails. It additionally contains strategies for creating secret variations of those codecs.
[Download]
convert-markdown-to-html
A script converts markdown to html.
hero-slider
A classy hero slider written in JavaScript/CSS.
CSS Textual content Loaders
Easy loaders utilizing textual content CSS animations.
gif-extractor
easy client-side HTML software to extract PNG frames from GIFs.
Responsive Clothes Web site
Responsive Clothes Web site Design Utilizing HTML CSS And JavaScript.
[Download]
Pure CSS header animation to sticky nav
See the Pen Pure CSS header animation to sticky nav by Amit (@ghaste) on CodePen.
CSS-only scroll animation timelines
See the Pen CSS-only scroll animation timelines by Simon Vrachliotis (@simonswiss) on CodePen.
Logical Carousel – Open Props
See the Pen Logical Carousel – Open Props by Arby (@mobalti) on CodePen.
CSS Scroll-Pushed Dock
See the Pen CSS Scroll-Pushed Dock by Jhey (@jh3y) on CodePen.
Neo-Brutalist Panel Format
See the Pen Neo-Brutalist Panel Format by Carter Lovelace (@carterfromsl) on CodePen.
Craft Distinctive App/Product Icons With Free AI Icon Generator
Create personalised product/app/website icons utilizing this AI Icon Generator. It is quick, free, and for everybody. Begin creating immediately!
Generate 1000+ Limitless Watermark-Free Mockups with Mockey AI
Browse Mockey’s 1000+ mockup templates, add your designs, customise, and obtain limitless high-quality mockups without spending a dime.
Speak To Your Favourite YouTubers Anytime With Agent Gold AI
With Agent Gold you’ll be able to decide any YouTuber and get AI-generated responses to your questions, as if chatting with the actual creator.
Web site Header UI Design
Elevate your internet design sport with this meticulously crafted Web site Header UI design. Fastidiously curated components and intuitive structure guarantee a seamless consumer expertise. Customise, iterate, and create beautiful headers effortlessly. Prepare to remodel your web site’s first impression!
[Download]
LanguageGUI
An open-source design system and UI Equipment for giving LLMs the flexibleness of formatting textual content outputs into richer graphical consumer interfaces.
[Download]
Animations for Sticky Sections
easy client-side HTML software to extract PNG frames from GIFs.