HackWeek

Build Stunning Frontends with Oryx

Oryx is your ultimate framework for building composable frontends with ease. With its rich library of components and integrated design system, creating modern, visually appealing user interfaces has never been simpler. The out-of-the-box integration with Spryker APIs ensures a smooth development experience. Join our community to exchange ideas, contribute to projects, and access our supportive code repositories and forums. Oryx is here to help you craft outstanding user experiences!

Shaping the Future of Front-end Development

As an open-source solution, Oryx Front-end Framework is transforming the way developers create dynamic user interfaces. Providing flexibility, efficiency, and power, this headless framework lives up to the demands of modern architecture and audiences. Spryker’s decision to open-source this solution offers a huge opportunity to enhance the future of front-end development in digital commerce and beyond!

Person working in the office
Two people collaborating on a project

How Can Oryx Front-end Framework Be Used?

Oryx Front-end Framework can be utilized across a wide range of industries and sectors, offering a robust solution to modern client-side interfaces. Tailored but not limited to meeting the demands of e-commerce, the open-sourcing of Oryx Framework allows developers to actively steer the evolution of front-end development through vibrant, ecosystem-led innovation. This unique solution offers high performance independent of any specific framework or vendor, empowering a broader range of developments and innovations.

Official Oryx Documentation

How to Contribute

Please refer to the Oryx Front-end Framework contribution guidelines. Please note that as these are open source contributions Spryker is under no obligation to maintain them.

Oryx Contribution Guidelines
How to contribute to Oryx Front-end Framework
Michael working at the Spryker office

Why Oryx Front-end Framework is Awesome

Oryx Front-end Framework provides a flexible solution that meets the demands of modern requirements. Platform-agnostic: Utilize Oryx’s high-performing capabilities with any backend. The front end remains operational regardless of what’s happening behind the scenes. Framework-agnostic: Ensures compatibility and usability across various development environments, enhancing Oryx Framework's utility and longevity. Oryx components can also be used in existing solutions or other applications, allowing them to be introduced in an incremental manner. Fast and high-performing: Supports server-side rendering, lazy loading, and partial hydration for improved performance, SEO, and responsive design with keyboard support. Scalable architecture: Supports multiple sites within one installation. Composable & configurable, extensible & upgradeable: Open source software allows users to modify and customize the code according to their specific needs. This level of flexibility allows for greater control over the software's functionality and enables users to tailor it to suit their unique requirements. Components can be composed and configured to fit project needs without losing the ability to upgrade to newer versions. Ecosystem-led innovation: Accelerate innovation cycles, powered by ecosystem-led development where contributors can build upon each other's work and leverage collective expertise.

Why Open Source?

Open sourcing is a proven pathway to accelerating technological advancement. It fosters a transparent, collaborative environment where the community can come together to tackle real-world challenges and create solutions that push boundaries. By open-sourcing the robust capabilities of Oryx Front-end Framework, Spryker has created extraordinary possibilities for the entire community to benefit. This decision not only drives progress in front-end development but also democratizes the creation of cutting-edge, accessible experiences for everyone. Spryker is excited to witness the ecosystem-led evolution of this incredible solution, solving novel and in-demand use cases in e-commerce – and beyond!

Andriy working at the Spryker office

Next Steps

Explore the Framework

Familiarize yourself with the documentation. Get a feel for the existing codebase and understand how your contributions can enhance its functionality.

Join the CommerceQuest Community

Engage with fellow contributors, ask questions, and share your thoughts on our dedicated Oryx community forum. Collaboration is key to success, and your input will shape the direction of evolution.

Contribute Code, Ideas, or Documentation

Check out the Oryx Framework Contribution Guidelines to submit your pull requests, suggest new features, or enhance existing documentation.