https://github.com/arthurdenner/remotion-tailwind-v3-test
Testing Tailwind v3 in a Remotion project
https://github.com/arthurdenner/remotion-tailwind-v3-test
Last synced: 3 months ago
JSON representation
Testing Tailwind v3 in a Remotion project
- Host: GitHub
- URL: https://github.com/arthurdenner/remotion-tailwind-v3-test
- Owner: arthurdenner
- Created: 2022-01-07T16:41:02.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-04-16T12:57:19.000Z (about 3 years ago)
- Last Synced: 2025-01-23T19:52:59.416Z (5 months ago)
- Language: TypeScript
- Size: 433 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## remotion-tailwind-v3-test
A reproducible example of how Remotion works with Tailwind v3.
There is an issue currently, the styles are not always updated.
- https://github.com/remotion-dev/remotion/issues/737#issuecomment-1007553694
- https://github.com/tailwindlabs/tailwindcss/discussions/6963
## Steps
- `yarn install`
- `yarn start`
- Open `HelloWorld.tsx` and change the container's class to a not used class, e.g:
- `bg-red-100`, `bg-purple-800`, etc
- Save the file
- The preview may or may not update correctly
- Usually, the first change works fine
- If it did, try changing the className and saving the file again
- If it didn't open `tailwind.config.js` and save it
- The preview should update as expected
If you `yarn install tailwindcss@2` and `yarn start` again, the preview should update as expected.