https://github.com/aaronpowell/react-foldable

A set of components to help you work with foldable screens
https://github.com/aaronpowell/react-foldable

react surface-duo

Last synced: about 1 month ago
JSON representation

A set of components to help you work with foldable screens

• Host: GitHub
• URL: https://github.com/aaronpowell/react-foldable
• Owner: aaronpowell
• License: mit
• Created: 2020-09-02T23:35:19.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2021-01-15T04:39:16.000Z (almost 4 years ago)
• Last Synced: 2024-11-20T01:39:41.401Z (about 2 months ago)
• Topics: react, surface-duo
• Language: TypeScript
• Homepage: https://react-foldable.aaron-powell.com
• Size: 15.2 MB
• Stars: 9
• Watchers: 3
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: License.md

Awesome Lists containing this project

README

        
# React-Foldable

React-Foldable is a set of components and React hooks that make it easier to work with foldable displays, such as the [Surface Duo](https://docs.microsoft.com/dual-screen/web/?WT.mc_id=javascript-8883-aapowell).

![React-Foldable in action](docs/foldable.gif)

[![npm version](https://img.shields.io/npm/v/@aaronpowell/react-foldable)](https://npmjs.org/package/@aaronpowell/react-foldable) | ![Latest Release Build](https://github.com/aaronpowell/react-foldable/workflows/Node.js%20Package/badge.svg)

## Project Status

This is currently a proof of concept project which aims to explore how we can more effectively build programmatically responsive UIs for foldable displays.

Check out the [`react-foldable`](./react-foldable) directory for the package and [the demo site](https://react-foldable.aaron-powell.com) to see it in action.

## License

[MIT](License.md)