web-design
Device Mockups for Perfect Presentations Build 3D device scenes to showcase your apps. All in the web browser.
Generate your very own trendy textured background
Charts.css is a modern CSS framework. It uses CSS utility classes to style HTML elements as charts.
Reliable and fast alternative to the masonry and mosaic layout. Creative layouts like masonry (Pinterest style) and mosaic are used all over the web. UHUGRID is a new alternative. It is fast and it offers something none of the above could offer. It generates items that are visually appealing by using aspect ratios that are suited best for the available free space. Named UHU because of its default behaviour. Glue all items together and don't waste any free space. Everytime you refresh the page or request a layout change, a new layout will be generated even if the screen size stays the same.
Designed to be a reference for anyone building component-based user interfaces, The Component Gallery is an up-to-date repository of interface components based on examples from the world of design systems.
Let's build a better web together. We give anyone the power to create, share, and use beautiful custom elements made with CSS and HTML.
A nice, colorful collection of CSS animations for your projects. Nice collection of CSS animations for your awesome web projects.
Basic styles for HTML Elements. Providing a mostly-reasonable set of styles without classes. Use it for simple static sites or as a starting point and add your own classes. This is not a complete solution with layout grids, components, utility classes, and the like.
htmx gives you access to AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes, so you can build modern user interfaces with the simplicity and power of hypertext
Related contents:
- Please Just Fucking Try HTMX.
- Next.js to htmx — A Real World Example @ htmx.
- Less htmx is More @ Unplanned Obsolescence.
- Bookmarkable by Design: URL-Driven State in HTMX @ Loren Stewart.
- MESH: I tried HTMX, then ditched it @ Alex Moon.
- The fetch()ening @ HTMX.
- Modern Frontend Complexity: essential or accidental? @ I0I.
AdminLTE Bootstrap Admin Dashboard Template
Best open source admin dashboard & control panel theme. Built on top of Bootstrap, AdminLTE provides a range of responsive, reusable, and commonly used components.
Free Web Form API - Form to Email, Slack, Notion, Telegram and More. Complete Web Form Solution for Static Websites. FormBold is a powerful form API and serverless form backend that works with all hosting, SSG, and frameworks. Receive form submissions directly to your email inbox, slack, telegram, notion, and more. Ready to use with any Static, Jamstack, and SSG sites including - HTML, React, Next.js, Gatsby, Vue, Nuxt, Hugo, and Jekyll.
The fastest slider library for high performance websites. Blaze slider is a high-performance JavaScript UI library for creating sliders.
Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons. We're expanding the icon set as much as possible while keeping it nice-looking.
A set of buttons with a magnetic interaction and a hover effect. A small set of magnetic buttons with some fun hover animations. Inspired by the button animation seen on Cuberto.
Themeable components for React & React Native. Bumbag is a themeable, accessible & composable component library for React & React Native allowing you to create cross-platform applications with ease.
Tiny minimal 1px icons designed to fit in the smallest places. Designed on a 15x15 grid, Teenyicons easily fit in very small spaces pinching_hand and maintain a crisp look sparkles
Laws of UX is a collection of best practices that designers can consider when building user interfaces.
This is a library having a collection of different types of CSS loaders, spinners. A general situation that we all might face while going through websites/apps is to wait for some progress or something to get loaded. A most simple solution in such scenarios is to use a loader or spinner to indicate users that something is loading in the background. Considering this, I tried to create a library having a collection of such loaders/spinners. There are no image dependencies for this library. It's developed using pure CSS. Hence it will load fast and is easily customizable too.
A forward-thinking library of web components. Shoelace provides a collection of professionally designed, highly customizable UI components built on a framework agnostic technology.
Painless transitions for CSS Grid. Seamlessly animate all CSS grid properties. This script makes it easy to transition your CSS grid gracefully from one state to another. If the content of the grid changes, or if the grid or one of its children is updated with the addition or removal of a class, the grid will automatically transition to its new configuration.
lightweight parallax effect without dependencies.
React Electronic Program Guide, Schedule, Timeline and Events. Build Timeline, today, fast and simple. Planby is a React based component that lets you implement your own Timeline so fast and simple.
A plugin for Tailwind CSS to add highlights to your text.
CAN I INCLUDE one TAG to ANOTHER? WHAT IS A QUESTION! Helper to check if a html5 can be a direct child of another.
a submit button with a inplace loading animation
The lightweight, flexible and accessible slider/carousel. Splide is a lightweight, flexible and accessible slider/carousel written in TypeScript. No dependencies, no Lighthouse errors.
An off-canvas sidebar React component with a collection of effects and styles using CSS transitions and SVG path animations.
Hand-curated Mesh Gradient Collection
React Component for drawing in canvas. A simple yet powerful canvas-drawing component for React.
Shadow Palette Generator
Create a set of lush, realistic CSS shadows.
Accessibility Myths debunked promotes accessibility for the web by correcting false beliefs.
A free and open source tool for optimizing images and vector graphics.
SVG generator for subtle or not-so-subtle noise textures. Online SVG Noise Texture Generator by fffuel.
The smallest, fastest, most feature complete tailwind-in-js solution in existence
A modal state manager for React. This is a small, zero dependency utility to manage modals in a natural way for React. It uses context to persist state of modals globally so that you can show/hide a modal easily either by the modal component or id.
A component toolkit for creating live-running code editing experiences, using the power of CodeSandbox. Sandpack is a component toolkit for creating your own live running code editing experience powered by CodeSandbox.
sub-atomic styles. Supercharged CSS variables. Expertly crafted web design tokens. Create consistent components. Useful in any framework.
CSS custom properties to help accelerate adaptive and consistent design.
Helping designers, startups, and brands to design faster
Yew is a modern Rust framework for creating multi-threaded front-end web apps using WebAssembly.
Open-source file manager for web, written in JavaScript using jQuery and jQuery UI. elFinder is an open-source file manager for web, written in JavaScript using jQuery UI. Creation is inspired by simplicity and convenience of Finder program used in Mac OS X operating system.
Free & Premium Bootstrap 5 Admin Template. AdminKit is a developer friendly, highly customizable & free Bootstrap 5 admin template, featuring hundreds of UI components, forms, tables, charts and icons.
Learn Accessibility An evergreen accessibility course and reference to level up your web development.
The react library to build dashboards fast. Tremor lets you create simple and modular components to build insightful dashboards in a breeze. Fully open-source, made by data scientists and software engineers with a sweet spot for design.
A forward-thinking library of web components.
A collection of professionally designed, every day UI components built on Web standards. Works with all framework as well as regular HTML/CSS/JS. 🥾
Enhance is a web standards-based HTML framework. It’s designed to provide a dependable foundation for building lightweight, flexible, and future-proof web applications.
A lightweight, modular, JavaScript image and video lightbox gallery plugin. Available for React.js, Vue.js, Angular, and TypeScript.
Visually compose on your headless stack.
The site your team wants without the limitations
Stackbit is a visual experience platform for teams building and operating enterprise websites, with a composable headless tech stack.
Build apps for any screen
Flutter transforms the app development process. Build, test, and deploy beautiful mobile, web, desktop, and embedded apps from a single codebase.
Related contents:
The icon manager for web developer
All your icons in one place, easily copyable as code.
A grid layout with columns that scroll in opposite directions using Locomotive Scroll.
Build material design in record time without stress for devs. An alternative to PicoCSS.
The Open Source next-generation Web Editor based on the rendering engine of Firefox