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

Folders and files

NameName
Last commit message
Last commit date

Latest commit

66b575f · Jun 28, 2023
Jun 28, 2023
Nov 14, 2021
Jun 22, 2023
Jun 28, 2023
Dec 10, 2021
Jun 28, 2023
May 14, 2022
Nov 14, 2021
Jan 23, 2022
Dec 10, 2021
Oct 2, 2022
Jun 28, 2023
Nov 14, 2021
Jun 28, 2023
Dec 10, 2021
Jun 28, 2023
Jan 22, 2022
Jun 22, 2023
Jun 28, 2023

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