4 repositorios
Libraries and tools for creating web-based motion effects.
Explore 4 awesome GitHub repositories matching web development · CSS Animations. Refine with filters or upvote what's useful.
This project is a curated resource repository that serves as a comprehensive directory of design assets and development tools. It provides a structured collection of high-quality links intended to help developers discover essential resources for their technical projects and user interface designs. The directory is distinguished by its community-driven approach, relying on collaborative peer review and external contributions to maintain an up-to-date index of resources. It functions as a frontend development toolkit, offering a categorized list of UI libraries, CSS frameworks, and animation to
Offers a directory of resources dedicated to building motion effects using native style sheets.
Este proyecto es una librería de visualización frontend y una galería de ejemplos web interactivos. Proporciona una colección de implementaciones que demuestran efectos visuales avanzados mediante el uso de hojas de estilo, superficies de dibujo canvas y librerías de gráficos tridimensionales. La colección presenta específicamente implementaciones para visualizar salidas de inteligencia artificial y patrones de datos complejos. Incluye galerías especializadas para escenas tridimensionales y objetos espaciales, así como un showreel de efectos de movimiento estilísticos y diseños de interfaz. La librería cubre una amplia gama de capacidades de renderizado, incluyendo animaciones bidimensionales de alto rendimiento y entornos espaciales inmersivos. Utiliza una estrategia multi-motor para combinar diferentes tecnologías de dibujo para una fidelidad visual variada.
Provides a collection of stylistic motion effects and interface designs implemented with native CSS.
This project is a pure CSS UI library and collection of reusable button components. It provides interactive interface elements that utilize native browser capabilities and hardware-accelerated transforms to deliver visual feedback without the use of JavaScript. The library distinguishes itself through the use of compositor-driven transforms and geometric clip-path masking. These techniques allow for high-performance visual effects, such as coordinate-based shape morphing and the creation of non-rectangular, slanted button designs. The component set covers a variety of animated interactions,
Applies advanced native CSS animations to create polished motion effects for interface buttons.
Animsition is a CSS page transition library and frontend motion framework designed to create fluid visual effects, such as fades and zooms, between web pages. It functions as a DOM navigation animator that manages the timing and sequence of page removal and insertion to provide continuous movement between screens. The system operates as a page overlay animator, utilizing a coordinate-based slide controller to move covering elements across the screen in specific directions. These overlays mask background changes during transitions to maintain visual continuity. The framework leverages hardwar
Provides a framework of style-based transitions to create fluid fades, zooms, and sliding motions using CSS animations.