Search Results for "html projects"

CSS-Inspiration is a living gallery of modern CSS effects and components that highlights what’s possible with pure CSS and minimal markup. The collection ranges from micro-interactions and loaders to 3D transforms, complex backgrounds, hover states, and text effects, each presented as a small, self-contained demo. Source code is front and center, encouraging developers to study, copy, and tweak snippets for their own projects. Many examples lean on contemporary features—custom properties,...

Pixel Art to CSS is an online editor that helps you with that task. Combining the power of both box-shadow and keyframes CSS properties, you will get CSS code ready to use on your site. Furthermore, you can download your work in different formats such as static images, animated GIFs or sprite-like images. Pixel Art to CSS aims to be an intuitive tool by its simplicity, however, it is equipped with a wide range of features: customize your color palette, go back and forth in time, modify...

MixItUp is a high-performance, dependency-free library for animated DOM manipulation, giving you the power to filter, sort, add and remove DOM elements with beautiful animations. MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts and compatible with inline-flow, percentages, media queries, flexbox and more. MixItUp is open source and free to use for non-commercial, educational and non-profit use. For use in commercial projects, a commercial license is required. Most commonly, MixItUp is applied to a "container" of "target" elements, which could be a portfolio of projects, a list of blog posts, a selection of products, or any kind of UI where filtering and/or sorting would be advantageous. ...

Scan It project was created to facilitate and ease document scanning from web browsers. The project is built with C# as a backend, HTML as frontend and plenty of open source libraries. Solutions that depend on document digitization most of the time depend on scanners to be used within the project implementation. For instance, a project that is switched from hardcopy document processing to a softcopy document processing and the client needs that all old documents to be digitized. Here comes...

loaders.css is a collection of pure CSS loading animations designed to drop into any web project without JavaScript or image assets. Each loader is built from simple HTML elements animated with CSS keyframes, transforms, and opacity to create spinners, pulses, bars, and geometric patterns. Because they’re vector-based and CSS-driven, the animations scale cleanly at any resolution and look sharp on high-DPI displays. The library emphasizes small, reusable snippets: you copy a minimal markup...

css-loaders is a collection of simple, reusable loading spinners and indicators implemented entirely in CSS. The project offers a variety of designs—spinning circles, bouncing dots, bars, and pulse animations—that can be applied to any element with a few classes. Each loader is built using CSS keyframes and transforms, avoiding images or JavaScript, which keeps them lightweight and responsive. Because they are pure CSS, they scale cleanly at different sizes and can be styled easily with...

Avicenna is an application for visualizing location data stored in excel or .csv table files on a map or in a table view. It provides several export functions (such as single pictures, database dumps and even a HTML-export that enables you to use Avicenna on your website). It was developed as part of the course "Techniken der Projektentwicklung" in summer semester 2012 at the University of Bielefeld by Team 2 and is licensed under the GNU Affero General Public License version 3. This project is finished and other developers should be able to use Avicennas features for their own visualization projects without having too much trouble. ...