A wrapper library that provides Photon UI components for building desktop apps with Preact (or React).
preact-photon is a wrapper library that provides Photon UI components for use with Preact or React. It enables developers to build desktop applications with a native macOS-like design system by offering pre-built components that integrate seamlessly into component-based frameworks.
Frontend developers building desktop applications with Preact or React who want to use the Photon design system for a consistent macOS-like UI.
It simplifies the integration of Photon's design system into Preact/React projects, reducing boilerplate and providing a quick path to building aesthetically pleasing desktop apps with a familiar component API.
:rocket: Beautiful desktop apps with Preact + Photon :heart:
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Wraps Photon's design system into Preact components, allowing direct use without manual DOM manipulation, as shown in the import example for Header, Title, and Button.
Tailored for Preact with a simple, React-like component API, making it a natural fit for Preact projects aiming for desktop UI consistency.
Includes a batteries-included starter app for Electron, enabling rapid setup and testing of desktop applications with a polished macOS aesthetic.
Adds minimal overhead by relying on existing Photon CSS, keeping bundle sizes small and performance efficient for desktop apps.
The README admits React compatibility hasn't been tested, posing integration risks for teams using React without thorough validation.
Requires manual inclusion and maintenance of Photon CSS, which can lead to version mismatches and added setup complexity.
Only covers core Photon elements like Header and Button, lacking advanced widgets needed for complex desktop applications.