30 open-source projects similar to facebook/shimmer, ranked by how many features they have in common. Compare stars, activity and what each one does to find the best Shimmer alternative.
This is an Android shimmer animation library and UI component used to implement shimmering placeholders that mimic layout structures during asynchronous data fetching. It functions as a skeleton screen generator to indicate that content is being fetched and will appear soon. The library provides a shimmer loading animation that applies visual highlight effects to UI components. This allows developers to replace blank screens with animated skeletons to improve the perceived performance of the user interface.
Skeleton is a skeleton loading library and UI component library for mobile applications. It provides a system for rendering animated shimmer placeholders and grayed-out shapes that mimic the final layout of a page while content is loading. The framework acts as a UI placeholder generator that automatically mirrors the dimensions and margins of actual views to create structurally accurate loading states. It implements a shimmer animation framework that applies sliding gradient overlays without requiring modifications to the original UI source code. The library covers loading state visualizati
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
NVActivityIndicatorView is a library of themed and configurable animation views used to replace standard system loading spinners in iOS applications. It provides a collection of reusable Swift UI components designed to signal background processing and data loading through various visual styles. The library focuses on custom activity indicators that allow for the implementation of stylized loading animations with specific colors and patterns. It enables the visualization of asynchronous processes and mobile app loading states to notify users that a background task is active. These components
This project is a collection of reference guides and reusable patterns for implementing CSS layouts, typography, and visual effects. It serves as a library of style snippets and implementation guides for structuring web pages and creating common user interface patterns. The repository provides specialized galleries for visual effects and UI component patterns. These include techniques for creating glassmorphism, complex geometric shapes, and interactive elements such as accordions, tooltips, and animated tab indicators. The project covers a broad range of frontend capabilities, including res
react-native-progress is a collection of visual components for cross-platform mobile applications designed to represent completion percentages and loading states. It provides a set of progress bars, circular indicators, and loading spinners for mobile environments. The library includes specific components for visualizing progress, such as a percentage progress pie, circular progress indicators with inner text, and linear progress bars. For active background processes, it provides animated loading spinners and activity spinners to signal ongoing tasks. These components support task completion
Taiga UI is an Angular UI component library and accessible design system used for building enterprise web interfaces. It provides a comprehensive collection of reusable interface elements and layout tools, functioning as a mobile-first UI kit with responsive components that adapt to different device capabilities. The library distinguishes itself through an integrated data visualization library featuring various chart types and a dedicated form management framework with built-in validation and formatting for specialized data. It also features AI-driven development workflows by integrating comp
An easy way to add a shimmering effect to any view with just one line of code. It is useful as an unobtrusive loading indicator.
mini.nvim is a comprehensive library of independent modules designed to extend Neovim with a wide array of navigation, user interface, and text manipulation tools. It serves as a modular plugin collection, a UI toolkit for creating custom statuslines and notifications, and a package manager for installing and pinning external plugins from Git. The project provides a specialized fuzzy picker framework for filtering files and symbols, an LSP completion engine with interactive snippet expansion, and a dedicated plugin test framework that uses headless editor instances and remote procedure calls
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
JVFloatLabeledTextField is a reusable UIKit component for iOS that provides a text input field with a floating label. It animates the placeholder text into a hovering label when the field is focused or contains text, maintaining visual context for the user during data entry. This library functions as a programmable interface element for native applications developed with Swift and Objective-C, specifically designed to implement modern mobile form design patterns. The component manages these interactions through a combination of state-driven label transitions and constraint-based layout anima
ShimmerRecyclerView is an Android library used to render animated loading placeholders within RecyclerView lists. It provides a custom view wrapper that applies shimmer masking and animations to child elements, serving as a visual loading indicator while background data is being fetched. The library enables the implementation of skeleton screens that mimic the layout of list items. These effects are customizable, allowing for adjustments to the animation color, angle, line width, and direction to align with specific visual branding. The system includes capabilities for shimmer rendering and
react-loading-skeleton is a React library for rendering placeholder shapes that simulate content loading states. It provides a collection of themed UI components used to represent loading interfaces before data is fetched and displayed. The library features a hierarchical theme provider that allows for the global or nested management of colors and animations. It includes customizable placeholders that support various dimensions and shapes, such as circular indicators for profile elements and block-level shapes for general content. The system implements accessibility standards by mapping comp
Material Tailwind is a responsive web UI framework and component library built with Tailwind CSS. It provides a customizable design system that implements Material Design principles for web applications. The project focuses on a customizable design system, allowing for centralized theme configuration and utility-based styling to maintain visual consistency across interfaces. The library includes a wide range of reusable interface elements, covering layout structures, navigation systems, and overlay components. It provides specialized tools for web form construction, data input controls, and
SmoothProgressBar is an Android custom progress bar library designed to render customizable horizontal and circular indeterminate loading indicators. It functions as a reusable UI component and view extension used to display the status of background processes within Android applications. The library provides smooth animations and custom styles to create fluid loading states. It supports both linear and circular formats, allowing for specific colors and styles to match a mobile application's design system.
This project is a CSS collectible card framework and holographic effect library designed to create interactive trading card faces. It provides a system for rendering complex artwork and card components entirely through CSS stylesheets without the use of external image assets. The framework specializes in simulating physical materials such as iridescent shimmers, metallic glares, and holographic foils. It utilizes blend modes and gradients to produce specialized surface finishes, including glitter and galaxy patterns, which react dynamically to the user's cursor position. The system further i
Motionity is a browser-based motion graphics editor and video compositor. It provides a visual timeline for creating animated videos and compositions using a layer-based system and keyframe animation tools. The project features a dedicated Lottie animation renderer, allowing users to import and render vector-based files for scalable motion graphics. It includes specialized tools for keyframe animation, using easing functions to control object movement and property transitions. The platform covers a broad range of production capabilities, including digital asset composition, video clip editin
Typed.js is a JavaScript typing animation library and DOM text animator used to simulate a user typing and erasing text. It serves as a frontend animation tool for creating dynamic text transitions and visual effects within HTML elements. The library distinguishes itself through the ability to render animated typing sequences directly inside the placeholder attribute of HTML input fields. It also supports reading animation strings from static HTML elements to maintain search engine visibility and accessibility. The tool covers animation control with configurable timing and playback state man
SwipeBackLayout is an Android gesture navigation library that provides the mechanisms for implementing native-style edge-swipe interactions and view transitions. It functions as a swipe-to-dismiss layout manager and touch event interceptor, allowing users to return to previous screens through physical touch gestures. The library manages the visual transition between screens using a coordinate-based translation system. This includes the use of alpha scaling, view-hierarchy layering, and horizontal translation to maintain visual continuity during navigation. The system includes tools for defin
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
Flukit is a suite of functional toolkits for Flutter, providing animation wrappers, layout debugging tools, scroll interaction kits, and a library of reusable UI components and visual utilities. The project distinguishes itself through a dedicated layout debugging tool for inspecting parent constraints and capturing system logs directly within the interface. It also provides specialized animation wrappers for rotating, scaling, and sliding child components and a scroll interaction kit that includes pull-to-refresh mechanisms, carousel swipers, and flexible sliver headers. The library covers
Spine Runtimes is a 2D skeletal animation runtime library that loads and plays back animations created with the Spine design tool. It manages a skeleton hierarchy of bones, slots, and attachments, applying keyframe-driven animations with configurable easing curves. The runtime renders animated characters using textured meshes from a packed atlas, supporting GPU-accelerated display across multiple platforms. The library provides animation blending and crossfading for smooth pose transitions between animations, and it allows switching a character’s appearance on the fly by applying different sk
Macaw is a Swift vector graphics library and animation framework used to create and render scalable geometric shapes and text. It functions as an SVG rendering engine and an interactive vector graphics toolkit for displaying complex artwork while maintaining image quality at any scale. The framework enables the animation of shape properties and node transformations, including the ability to morph one vector path into another. It allows for the integration of external SVG files and the application of linear and radial gradients to fills and strokes. The toolkit covers a range of capabilities
Natron is an open-source node-based video compositor and motion graphics software. It functions as a visual effects tool that combines images and video using a node graph and a linear color pipeline to create complex effects and set extensions. The software includes a 2D motion tracking suite for stabilizing footage and tracking pixel movement across frames. It is a Python-scriptable environment, allowing for custom automation and user interface extensions through an embedded Python interpreter. The platform provides a comprehensive range of compositing capabilities, including chroma keying,
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
bootstrap-modal is a JavaScript library that extends the standard Bootstrap modal component to provide advanced resizing, stacking, and animation capabilities. It functions as an AJAX modal loader, fetching remote content and updating views asynchronously without requiring a browser page refresh. The project provides a stackable overlay manager to organize multiple overlapping windows with synchronized event handling and correct layer ordering. It also includes a responsive UI component that automatically adjusts dimensions and constraints based on the current window size. The library covers
HTextView is an animated text rendering library and UI motion design framework used to create dynamic text effects such as typing and fading. It serves as a text motion engine and typography tool for applying visual transitions and movement to text elements on a screen. The library integrates custom typography support, allowing the loading of external typeface files to apply specific branding and styles to animated presentations. It utilizes a motion engine to animate the scale and opacity of text, facilitating fluid visual transitions. The system manages these effects through a frame-based
Animator is a design platform for creating vector-based animations and programmable interactive components. It provides a visual environment for building motion graphics and UI elements, utilizing a timeline-based interface to manage keyframe sequencing and property transitions. The platform distinguishes itself by combining traditional motion design tools with a spreadsheet-style expression engine. This allows users to define reactive logic and custom behaviors that respond to user interactions or time-based triggers. By serializing these designs into standardized formats, the tool ensures t
Shadcn-ui-expansions is a React and Tailwind CSS component library that provides a collection of pre-built user interface elements and utilities designed to be copied directly into web applications. The project extends the shadcn-ui ecosystem with additional interactive widgets and layout elements to speed up frontend development. The library includes advanced form controls such as date and time pickers, searchable multi-item tag selectors, dual-range numeric sliders, and expanding textareas that automatically adjust height as content grows. Additional components feature animated text typing
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