@xpd/tailwind-3dtransforms

tailwind-3dtransform-plugin

This plugin generates necessary classes for perspective, rotation, translate, scale and many other transforms.

We currently supports,

• translateX, translateY, translateZ, translate3d
• rotateX, rotateY, rotateZ, rotate3d
• scaleX, scaleY, scaleZ, scale3d
• perspective
• backface-visibility
• perspective-origin
• transform-style
• transform-box
• flip

To quickly get started, learn how to use tailwind-3d-transforms in your project.

Documentation

You can find the documentation on the website.

Check out quick-start guide to quickly install and configure your tailwindcss environment to use tailwind 3d transform plugin.

The documentation has following sections.

• Quick Start
• Guide
• FAQ (Frequently Asked Questions)

You can also improve the documentation by creating pull requests by clicking on "Edit this page" link on every documentation page. You are welcome to do this if you find useful improvements or points I may have missed.

Contributing

Our goal is to make 3d transforms available for tailwindcss. I completed the v1.0.3 of this plugin myself. I hope the community find this useful and maintain and further develop this repository.

If you have an issue, you can open an issue here. To create a new issue, click on New Issue button.

To contribute by extending this library, please first fork the library, and then implement your proposed changes. Finally, when you're done, create a PR(Pull Request) in this repository. Please note that in order to merge, we need to pass the automated tests including documentation. We do at pull-request time also.

Thank You Very Much 😊.

License

Tailwind-3dTransform-Plugin is MIT Licensed.

Changelog

1.0.3 - (May 7, 2023)

• Added documentation
• Created GitHub Workflows for automated CI/CD.
• Added transformBox, transformStyle, flip, perspectiveOrigin, backface classes