Projects sharing features with Folding Cell

This project is a collection of practical code samples and demonstrations for building user interfaces with React. It serves as a set of examples illustrating common interface patterns, state management techniques, and the implementation of modular, reusable components. The repository provides specific demonstrations for several core development areas. These include samples for retrieving and rendering asynchronous data from external APIs, managing component lifecycles during mounting and unmounting, and handling internal state to sync form inputs. It also includes guides for direct document

React-dnd is a drag and drop framework and library for React applications. It provides a system of higher-order components and hooks to implement draggable interface elements and drop targets using a declarative API. The framework separates the logic of moving items from the visual presentation of the user interface. This allows for the development of interactive interfaces, such as visual list reordering and custom dashboard layouts where widgets or panels can be reorganized.

Magic UI is a copy-paste UI framework and React animated library providing a collection of interactive, visually dynamic interface components. It serves as a design engineering toolkit that bridges high-fidelity design and production code by offering ready-made components for direct integration into web applications. The library focuses on animated UI development and the implementation of interactive components, utilizing a copy-paste distribution model. This approach allows for rapid prototyping and full local customization without the need to install heavy dependencies. The components are

react-draggable is a UI interaction library that provides core primitives and components for adding tactile movement and coordinate-based positioning to web elements. It serves as a tool for making user interface elements movable via mouse or touch interactions within React applications. The library supports the implementation of custom drag handles, allowing the initiation of movement to be restricted to specific child elements identified by CSS selectors. It also provides programmatic drag state management, enabling developers to control element positioning or use callbacks for movement wit

uillayouts is a comprehensive design system consisting of interactive components, responsive templates, motion-enhanced UI kits, and advanced visual effect toolkits. It provides a collection of accessible React UI components and pre-designed layout sections for landing pages. The project is distinguished by a specialized visual effects library and motion-driven components. It features high-performance graphical enhancements such as glassmorphism, mesh gradients, noise overlays, and SVG masking, alongside interactive elements that utilize physics-based animations and cursor-tracking effects.

Hover is a collection of pre-defined CSS3 animations and reusable stylesheets for links, buttons, and images. It serves as a web UI animation kit and a library of styles written in CSS, Sass, and LESS to provide visual feedback when a user hovers over an element. The library includes specialized interactive effects that simulate tactile behaviors, such as page curls and the rendering of speech bubbles. It also provides a set of animation primitives to manipulate backgrounds, borders, shadows, and glow effects to simulate depth and elevation. The project covers a wide range of element motion

react-desktop is a React component library and web-based simulator designed to recreate the visual interfaces and behaviors of desktop operating systems. It provides a set of components that allow developers to build browser applications that mimic the look and feel of macOS and Windows. The library focuses on desktop UI simulation and operating system emulation, offering a collection of visual elements such as windows and menus. These components follow desktop design guidelines to create a familiar user experience within a web environment.

This project is a reusable React datepicker component providing an accessible, localized interface for selecting dates and times within web applications. It functions as an input field that triggers a calendar popup for precise temporal data entry. The component is designed for flexibility, allowing for a customizable calendar layout and the integration of custom external elements to trigger the picker. It supports marking holidays with custom labels and styles and implements date selection restrictions through boundaries, exclusion lists, and filter functions. The system includes comprehens

Mint-UI is a mobile interface toolkit and component-based UI framework designed for Vue.js applications. It provides a collection of pre-styled user interface components specifically optimized for mobile devices and touch-based navigation. The library focuses on mobile UI development and responsive design, offering a set of layout and interaction elements tailored for mobile viewport constraints to ensure visual consistency across different screens. The framework utilizes a modular architecture that integrates a CSS-based styling system with Vue's reactivity model, using prop-driven configur

react-flip-move is a React animation library designed for animating DOM element transitions and list reordering using the FLIP technique. It functions as a layout transition component and a DOM transition utility to create smooth movement during state changes. The library specializes in hardware-accelerated transitions for elements as they are added, removed, or reordered within a list. It employs bounding-box position tracking to calculate layout shifts and supports staggered animation timing to create sequenced visual flows. Its capability surface covers layout transition orchestration, in

Vux is a mobile web UI kit and Vue mobile UI library consisting of predefined layout and interface components. It functions as a WeUI component framework that implements a standardized design language for web applications. The library provides a collection of reusable interface elements optimized for mobile browser screen dimensions and touch interactions. It ensures visual consistency across different mobile devices by mapping component styles directly to the WeUI mobile design specification. The framework covers mobile web interface design, mobile UI development, and the rapid assembly of

This project is a collection of reference implementations and sample applications for Flutter. It provides practical examples covering API integration, user authentication, data persistence, and a gallery of UI patterns. The repository distinguishes itself by offering a wide array of functional demos, including implementations for Google and email-based identity verification, cloud database synchronization, and the use of both relational and key-value local storage. It also includes specialized utility examples such as expense tracking, tip calculation, and body mass index tools. The project

Effeckt.css is a hardware-accelerated CSS animation library and UI transition framework. It provides a collection of styles designed to create smooth element entrances, exits, and attention-grabbing visual effects while preventing visual stuttering during interface transitions. The library focuses on high-performance animations using GPU-accelerated properties to ensure fluid movement. It enables the simulation of application navigation by sliding page views in and out of the viewport from specified directions. The framework covers a suite of visual capabilities, including directional entran

An iOS UICollectionViewLayout subclass to show a list of contacts with configurable expandable items.

:octocat:💧 A slider widget with a popup bubble displaying the precise value selected. Swift UI library made by @Ramotion

JSQMessagesViewController is a UIKit-based conversational UI framework and library for iOS. It provides a set of components for rendering interactive message streams, multimedia chat histories, and customizable input controllers within mobile applications. The framework features a layout engine that calculates dynamic bubble dimensions and handles orientation-aware rendering. It includes a resizing text input area with a customizable toolbar for sending and formatting messages, as well as support for group conversations with multiple participants. The library covers message rendering through

Nice library to show placeholders and Empty States for any UITableView/UICollectionView in your project

:octocat: PaperOnboarding is a material design UI slider. Swift UI library by @Ramotion

Use UIStackView directly in iOS6+

UICollectionViewLayout with focused content

A UITextField with bouncy placeholder.

UICollectionViews reordering

This project is a Swift UI tab bar library and animation framework for iOS. It provides a custom tab bar controller designed to manage programmatic icon transitions and motion effects when users switch between different views in a mobile application. The toolkit includes built-in tab icon effects such as bouncing and rotating, as well as a custom animation protocol that allows for the definition of precise transition behaviors. These components are used to implement fluid motion effects and interactive navigation elements.

UITextField category that adds shake animation

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

DLSlideView对常见的顶部Tab页点击、滑动分页做了封装。 它使用基于ViewController的container特性（而不是scrollview）来管理各个子页面，保留原始的系统消息，没有隐患。 同时内存模型更优于使用scrollview的方式，理论上可以支持无限分页。