web-design
SWR is a React Hooks library for data fetching. The name “SWR” is derived from stale-while-revalidate, a cache invalidation strategy popularized by HTTP RFC 5861. SWR first returns the data from cache (stale), then sends the request (revalidate), and finally comes with the up-to-date data again.
This site is a collection of examples, video and other information to help you learn CSS Grid Layout.
The pragmatic web framework. Marten is a Crystal web framework that makes building web applications easy, productive, and fun.
Compress PNG, JPG, and More. With this online image compressor, it is super easy to compress your JPG or PNG images at a fast speed. This is a browser-based image processor that helps you compress your images with a negligible waiting time. The best thing about this image process is that it is secure, private and works offline with zero limitations. Moreover, you also don't harm the environment because there is literally no carbon emission in the process.
Build Better Websites. Create modern, resilient user experiences with web fundamentals. Remix is a full stack web framework that lets you focus on the user interface and work back through web fundamentals to deliver a fast, slick, and resilient user experience that deploys to any Node.js server and even non-Node.js environments at the edge like Cloudflare Workers.
HashLips Art Engine is a tool used to create multiple different instances of artworks based on provided layers.
Create generative art by using the canvas api and node js. Before you use the generation engine, make sure you have node.js(v10.18.0) installed.
Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design. MUI Core contains foundational React UI component libraries for shipping new features faster.
Extremely customizable 3kb plugin for scroll based animation which animates 1000 elements without lags
Visual Feedback Tool For User Interfaces reviews. Draw, annotate and comment directly on-top of your web app or website's User Interface, then instantly post your feedback to a merge/pull request or issue.
Light-weight, no-dependency, vanilla JavaScript engine to drive user's focus across the page
Typetura’s powerful technology scales your text to any layout, on any device. Launch products up to 30% faster with 90% fewer text styles.
missing.css is the CSS library we wished already existed. The goal of missing.css is to reduce needed intervention in HTML.
The browser for ambitious developers. Build better websites in less time with a stand-alone browser that makes your site more responsive, more accessible and faster. Save hours on each project, love every minute of it.
Related contents:
Color Palettes Generator and Color Gradient Tool. Never waste Hours on finding the perfect Color Palette again! Just Enter a Color! And Generate nice Color Palettes
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.
- Building Progressively Enhanced Forms Using htmx @ Rafael Epplée.
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.
Related contents:
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.