| Name | Name | Last commit date | ||
|---|---|---|---|---|
StyleX is a JavaScript library for defining styles for optimized user interfaces.
Documentation for individual packages can be found in their respective README
files. Start with
@stylexjs/stylex.
Here is a simple example of StyleX use:
import * as stylex from '@stylexjs/stylex';
const styles = stylex.create({
root: {
padding: 10,
},
element: {
backgroundColor: 'red',
},
});
const styleProps = stylex.props(styles.root, styles.element);This is the development monorepo for StyleX.
.github
apps
packages
First, npm install the npm workspace.
build
npm run build to run the build script in every package.npm run build -w <package-name> to run the build script for a specific
package.test
npm run test to run tests for every package.npm run test -w <package-name> to run the test script for a specific
package. More details can be found in the contributing guide below.Development happens in the open on GitHub and we are grateful for contributions including bug fixes, improvements, and ideas.
This project expects all participants to adhere to Meta's OSS Code of Conduct. Please read the full text so that you can understand what actions will and will not be tolerated.
Read the contributing guide to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes.
Before proposing a change or addition to the StyleX API, you should familiarize yourself with the goals and architectural principles of the project.
StyleX is MIT licensed.