Search Results for "ui components"

Its Hover is an animated icon library built for real interfaces, where icons respond to interaction with motion that feels intentional rather than decorative. Instead of shipping static SVGs, it provides React components with animation baked in using motion/react, so hover and interaction states are part of the component design from the start. The project is designed to drop cleanly into modern React stacks, including Next.js and shadcn/ui-based projects, with Tailwind-friendly styling patterns. Installation can be as simple as pulling in specific icons and their dependencies, and it supports a registry-style workflow that fits teams that want consistency across products. ...

...Because tree structures are ubiquitous in computing—from file systems and organizational charts to DOM structures and evolutionary taxonomies—atree provides a reusable foundation for representing and interacting with nested data. It separates the logical model from rendering concerns, so you can use it as the data backbone in UI frameworks, graphs, or custom visual components. The library’s API makes it easy to add, remove, or move nodes anywhere in the hierarchy while maintaining consistent references and performance.

RealityUI is a collection of user interface classes for RealityKit. The classes included in RealityUI aim to offer familiar User Interface guidelines, but in a 3D setting for Augmented and Virtual Reality through RealityKit. The User Interface controls in this repository so far are made to be familiar to what people are used to with 2D interfaces, however the plan is to expand the tools on offer to new and unique controls, which are more appropriate for an Augmented Reality and Virtual...

...It uses the FLIP (First, Last, Invert, Play) technique: it captures initial position & size, moves the component in a floating state, then lands it into the new layout. This gives a smooth “fly from one page to another” animation effect for components that appear across routes (e.g., a card in list view flying into detail view). It’s especially suited for immersive UI/UX flows in single-page apps built with Vue. The library is experimental and requires Vue 3.

...It supports interactive previewing of frames (via showFrames mode), and integrates (at least at the time) with jQuery/Velocity under the hood (though future versions may remove the jQuery dependency). It’s well-suited for teams creating rich UI transitions, micro-animations and interactive components in React applications.

...You can develop simple transitions, chat heads, draggable balls, todoMVC list transition, photo gallery, spring parameters chooser, water ripples, and draggable lists. For 95% of use-cases of animating components, we don't have to resort to using hard-coded easing curves and duration. Set up a stiffness and damping for your UI element, and let the magic of physics take care of the rest. This way, you don't have to worry about petty situations such as interrupted animation behavior. It also greatly simplifies the API. It's normal not to feel how stiffness and damping affect your spring; use Spring Parameters Chooser to get a feeling.

Shimmer is a lightweight Objective-C library by Facebook that adds an elegant, animated shimmering effect to views—used as a subtle loading indicator, such as in the Paper app. There's also an example project. In the example, you can swipe horizontally and vertically to try various shimmering parameters, or tap to start or stop shimmering. (To build the example locally, you'll need to open FBShimmering.xcworkpace rather than the .xcodeproj.) Shimmer uses the -[CALayer mask] property to...

A cross browser set of client side web components implemented with JavaScript and CSS.

Lightweight Java library for animation and animated components development. Also perfect as a graphics engine for 2D games in Java.