This project provides a tool to simulate text bubbles on a green background, which can be used as a visual effect (VFX) for videos. It allows you to customize the background color of the text and the width of the text bubbles.
- Implement a feature to automatically remove the oldest message after a few seconds, based on the word count, allowing users to read the entire text before it disappears.
- Configure the background color of the text.
- Adjust the width of the text bubbles.
- Clone this repository to your local machine:
git clone https://github.com/codechappie/bubble-messages.git- Navigate to the project directory:
cd bubble-messages- Install the dependencies:
npm install
# or
yarn install- Start the application:
npm run dev
# or
yarn dev-
Open your browser and go to http://localhost:3000.
-
Type your text on the green background and adjust the settings to your preferences.
Automatically remove the oldest message after a few seconds, depending on the word count, allowing the entire text to be read before disappearing
If you'd like to contribute to this project, follow these steps:
- Fork the repository.
- Create a new branch for your changes:
git checkout -b feature/new_feature- Make your changes and commit:
git add .
git commit -m "fix: [description of the change]" # For fixes
# or
git commit -m "feat: [description of the change]" # For new features- Push to your branch:
git push origin feature/new_feature- Open a Pull Request on GitHub.
fix: …will bump the fix version, e.g. 1.2.3 → 1.2.4feat: …will bump the feature version, e.g. 1.2.3 → 1.3.0
See the LICENSE file for license rights and limitations (MIT).