Projects sharing features with HTextView

This project is a technical guide and implementation library for advanced visual effects and hardware-accelerated animations using the Core Animation framework on iOS. It provides a comprehensive reference for creating high-performance motion graphics, custom graphic rendering, and the construction of 3D engines using perspective transforms and Z-axis manipulation. The collection distinguishes itself through a deep focus on GPU rendering optimization and graphics performance. It covers advanced strategies to maintain high frame rates, such as reducing offscreen rendering via shadow path optim

Blotter is a WebGL text rendering engine and fragment shader text visualizer. It provides a system for composing and previewing stylized text effects by applying custom GLSL fragment shaders to text elements on a web canvas. The project includes a shader editor for defining and updating custom shader logic and uniforms in real time. This interface allows for the creation of unique visual styles and the modification of rendering variables without reloading the underlying logic. The engine incorporates performance optimizations for WebGL rendering, utilizing texture atlas batching and a single

This repository is a comprehensive collection of functional 2D and 3D demo projects and implementation samples for the Godot Game Engine. It serves as an interactive tutorial and reference library, providing a working codebase to demonstrate how to apply engine features in real-world scenarios. The collection focuses on practical implementation guides, covering a wide array of technical capabilities from basic engine fundamentals to advanced rendering and scripting techniques. It allows users to study the application of node-based composition, asset pipelines, and game logic through direct ex

LTMorphingLabel is a Swift UI component and animation framework designed to create visual morphing transitions between text strings within labels. It functions as a text morphing library that replaces static text updates with dynamic visual effects. The framework utilizes shaders and animations to blend one text string into another using effects such as scaling, pixelation, or burning. It achieves these transitions by coordinating high-level animation timing with low-level graphics rendering. The project covers a range of capabilities including temporal image blending and snapshot-based stat

This project is an animated SVG text generator used to create customizable vector graphics for profile pages and repository documentation. It produces images that feature typing animations and rotating text phrases to enhance the visual presentation of personal or project profiles. The tool includes a generator for simulating a typing effect and another for cycling through multiple text phrases. Users can configure specific fonts, colors, and animation timings to create stylized assets and themed text sequences. The system generates these graphics on the fly by parsing URL parameters into vi

Hyperframes is an HTML-to-video rendering engine and composition tool that transforms web layouts and CSS into encoded video files. It functions as a headless browser video pipeline and a distributed video rendering framework, allowing users to create seekable animations and programmatic motion designs using HTML, CSS, and JavaScript. The project differentiates itself as an AI agent video orchestrator, enabling the automation of video scripts and compositions through natural language prompts. It supports distributed video encoding by splitting rendering tasks across multiple serverless functi

canvas-confetti is an HTML5 canvas animation library and browser particle effect engine designed to render celebratory confetti bursts. It functions as a visual effects tool that transforms SVG paths, emojis, and text into animated particles. The library offloads heavy particle calculations to a web worker to maintain main thread responsiveness and prevent the user interface from lagging. It includes built-in support for operating system reduced motion settings, automatically disabling animations for users with motion sensitivities to ensure accessibility compliance. The system supports conf

react-motion is a physics-driven animation toolkit and library for React applications. It provides a system for creating fluid user interface transitions by simulating natural spring movement to move elements toward destination values using stiffness and damping parameters. The framework manages the visual entry and exit of components as they mount and unmount within the document structure. It coordinates complex motion patterns, including staggered animations and fluid transitions for items being added, removed, or reordered within dynamic lists. The library covers a broad range of animatio

huashu-design is a design system infrastructure and a set of specialized design engines for high-fidelity HTML prototyping, quality evaluation, and presentation conversion. It provides tools for generating interactive single-file HTML mockups, frame-based motion design, and a visual evaluator that analyzes design quality across five dimensions using radar charts. The system distinguishes itself through a translation pipeline that converts HTML slide decks into editable PowerPoint and PDF objects rather than flat images. It includes a motion design engine that uses a time-slice model to render

Two.js is a multi-backend graphics engine and vector drawing library that provides a unified API for creating two-dimensional graphics and animations. It functions as a renderer-agnostic abstraction layer, allowing users to generate vector shapes and paths that can be rendered via SVG, Canvas2D, or WebGL. The engine includes a scene graph manager to organize objects into hierarchical groups, enabling the propagation of collective transformations and parent-child relationships. It also features a headless graphics renderer, providing a node-based implementation for generating 2D drawings in se

animateplus is a lightweight JavaScript animation library designed for creating high-performance 60 FPS visual transitions and numeric interpolations for website elements. It functions as a promise-based animation engine, using async await patterns to sequence complex motion timelines and timing delays. The library includes a motion blur simulator that applies directional speed blur along the X and Y axes to mimic high velocity. It also provides a numeric interpolation tool to transition colors and graphic properties between states. The system manages high-performance element control, allowi

dynamics.js is a physics-based JavaScript animation engine designed to create spring and bounce animations. It utilizes the browser animation frame loop to ensure motion is synchronized with the refresh rate. The engine includes tools for animation debugging, allowing users to slow down or freeze active motions to tune parameters. It also features a timing mechanism that executes callbacks synchronized with the animation frame rate to prevent visual stuttering. The project provides a physics solver based on mass, stiffness, and damping constants. Additionally, it includes a utility for apply

Liquid Glass React is a WebGL-powered component library that renders refractive, liquid-like glass effects on React UI elements. It simulates light bending and chromatic aberration through fragment shaders in real-time, creating interactive visual distortions driven by cursor movement and clicks. The library distinguishes itself through a cursor-driven distortion pipeline that translates pointer coordinates into dynamic displacement, blur, saturation, and frost parameters with elastic easing for a liquid-like visual reaction. It supports chromatic dispersion that separates RGB color channels

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

Vue seamless scroll is a frontend animation library and Vue.js component designed to create continuous, infinite scrolling effects for lists and containers. It animates content in an endless loop without visual interruption or stuttering, supporting both horizontal and vertical scrolling directions. The library manages scrolling behavior through configuration options that adapt to various design layouts and speed requirements. It supports step-based content scrolling for controlled progression alongside continuous motion, letting developers configure scroll paths and operational parameters d

Short CSS code snippets for all your development needs

Lettering.js is a JavaScript typography library that divides text strings into granular HTML elements. It wraps individual characters, words, and lines in tags to enable precise CSS control and advanced visual styling. The library includes an accessible text wrapper system that maintains screen reader compatibility. It manages text accessibility by mirroring the original content into ARIA labels on containers and hiding fragmented elements from assistive technologies. The tool provides capabilities for granular text manipulation and DOM-based decomposition. These mechanisms facilitate web ty

Webstudio is a visual CMS and website builder that provides a visual development environment for designing and publishing websites. It functions as an AI-powered design tool, a REST and GraphQL API client, and an atomic CSS compiler. The platform distinguishes itself through generative AI capabilities for creating layout variants and refining visual styles from text prompts. It integrates a headless CMS workflow that maps external data sources to visual components and utilizes a specialized compiler to convert design tokens into deduplicated atomic CSS for optimized page load speeds. The sys

snabbt.js is a JavaScript motion framework and CSS transform animation library used to create high-performance animations for DOM elements. It functions as a 3D CSS animation engine and a matrix-based geometry toolkit for calculating precise translations, rotations, scales, and skews. The framework provides a user-driven animation controller that allows animation progress to be tied to manual user input rather than standard time-based playback. It enables the simulation of depth and perspective by animating HTML elements into three-dimensional shapes. The system covers motion orchestration t

This project is a declarative motion framework and JavaScript animation engine designed to transition CSS properties, SVG attributes, and DOM elements. It provides a comprehensive set of tools for creating complex, multi-part motion sequences by synchronizing animations, timers, and callbacks into a single, unified timeline. The library distinguishes itself through a robust timeline-based sequence orchestrator that allows for precise timing, label-based control, and hierarchical nesting of animations. It also features a physics-driven interaction library that enables draggable elements with c

Theatre is a motion graphics and animation library designed for the web. It functions as a declarative state animation engine that manages the properties of visual elements over time, allowing developers to create complex, time-based sequences and interactive motion graphics directly within the browser. The framework distinguishes itself through its focus on audio-synced animation, providing tools to coordinate visual motion sequences with external sound files. By utilizing a declarative animation graph and keyframe-based property interpolation, it enables the creation of rhythmic, music-driv

Plotnine is a data visualization library for Python based on the Grammar of Graphics. It serves as a declarative statistical plotting framework and multi-panel plotting engine, allowing users to create complex charts by mapping data variables to visual properties such as position, color, and size. The project is distinguished by its use of a layered composition model and a statistical transformation engine that performs aggregations and computations before rendering visuals. It features a comprehensive system for multi-panel faceting, which enables the splitting of a single visualization into

ShineButton is an Android UI animation library that provides customizable button components with integrated light-sweep and particle animations. It functions as a view component extension for Android interfaces to draw user attention through interactive visual effects. The library features a system for creating light-sweep animations and vibrant particle effects that trigger during user interaction. It allows for the definition of button silhouettes through custom image masking and the application of vector drawables. Visual styling is managed through configuration parameters that adjust the

Shimmer is a UI loading state library used to generate shimmering skeleton placeholders and view-wrapping animation effects. It provides a set of tools for creating highlight animations that signal content is loading within a user interface. The project includes a skeleton screen generator and a view animation wrapper. These components apply a moving gradient effect over existing views to provide visual feedback while data is being fetched. The library covers user interface animation and mobile app design patterns. It implements loading indicators through a combination of linear-gradient mas

SkeletonView is an iOS loading skeleton library used to display animated placeholder views that mimic a layout's structure while asynchronous data loads. It functions as a UI placeholder generator and a UIView animation framework to indicate active background processes. The library includes a list view skeleton orchestrator that generates placeholder cells and headers for table and collection views based on data source protocols. It provides tools to simulate text layouts using configurable line counts and spacing to prepare users for the final screen structure. Capability areas cover the co

This project is a plugin for Tailwind CSS that provides a declarative utility library for managing web interface animations. It functions as a motion framework, enabling developers to apply fluid entrance and exit effects to elements directly through utility classes. The framework distinguishes itself by offering a comprehensive suite of motion controls that integrate with the Tailwind ecosystem. It supports granular configuration of animation properties, including timing, duration, delay, and iteration, while allowing for complex transformations like rotation, scaling, and opacity adjustment

Fontfaceobserver is a webfont availability detector and developer tool designed to synchronize typography loading with page rendering. It provides a promise-based API that detects when specific webfonts have been downloaded and applied to the document. The tool manages the loading process for fonts hosted on external services or self-hosted servers, tracking availability to prevent layout shifts and the flash of unstyled text. This allows for dynamic typography control, enabling specific CSS changes or animations to trigger only after a typeface is ready for use. The project monitors font st