Skip to content

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

License

Notifications You must be signed in to change notification settings

silkstudio/jynx

Repository files navigation

Jynx

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

GitHub Workflow Status npm npm GitHub Repo stars GitHub


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

💻  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