silkstudio / jynx

Rapidly create and control responsive, theme-focused and type-safe styled-components, directly from your jsx.

Jynx

Rapidly create and control responsive, theme-focused and type-safe components, directly from your jsx.

---

Jynx is a performant and intuitive utility library for the 'CSS-in-JS era', allowing for responsive, theme-focused, type-safe styled-components to be rapidly created and controlled directly from your jsx.

Originally built in-house by Silk Studio to streamline our own development pipeline, Jynx is now available to use in your own projects and comes with support for:

• rapid component styling through the use of style-props
• using objects and arrays to create mobile-first, responsive designs
• integration with a global theme that's accessed directly from your props
• written in Typescript and fully type-safe

---

✏️  Getting Started

Check out the introduction to get up and running or head to jynx.vercel.app to view the full documentation.

🔗  Quick Links

• Introduction
• Responsive Styles
• Themes
• API Reference
• Types
• Advanced Theming
• Creating Style Functions

💻  Development

Jynx uses shipjs for managing it's releases. For devs issuing a new release, simply run yarn release in your local terminal and follow the CLI wizard.

Notes on Releasing

• When merging a shipjs-created PR always make sure to Squash & Merge (failure to do so will cause issues due to the commit name).
• If you are experiencing auth issues with git/github you may need to authorise a new GITHUB_TOKEN.

📄  License

Jynx is MIT licensed, Copyright © 2022-present

---

2022 © Silk Studio