Tired of the same old text? Want to add some pizzazz to your online conversations? Say hello to Rockit, your new best friend for all things text! ๐
With Rockit, you can transform any selected text on a webpage with just a right-click, that's right ๐๐ง๐ฒ! Choose from a variety of text formatting options like converting to UPPERCASE, lowercase, making it ๐๐จ๐ฅ๐ or ๐ช๐ต๐ข๐ญ๐ช๐ค, or even changing the font to something ๐๐๐๐๐! ๐ (Works everywhere, even if sites don't support it, use it to believe itโจ)
But thatโs not all! Click on the ๐ Rockit extension icon, and youโll get a neat info of your selected text, including word count, letter count, and line count. Perfect for those who need to keep track of their word usage! ๐
-> Select the text you want to format on any webpage. Can be text inside a text input field or even the content displayed on the site ๐
-> Right-click to open the context menu and hover over the "๐ Rockit - Fancy text..." option to see formatting choices.
-> Choose your desired formatting or fancy text option. Rockit will immediately apply the style to your selected text ๐ฅณ
-> To access more stats and information like word count, character count and such of the selected text, click the Rockit icon in your browser's extension toolbar ๐
-> You can pres ctrl + z or command + z (mac) to undo fancy text conversion, inside of a text input and fields ๐ป
-> First Time Install: You may need to reload webpages opened prior to Rockit installation, as that would help Rockit ๐ to load along with webpage. (For Chrome and Chromium based browsers - basically anything that is not Mozilla or Safari)
-> Rockit works on most websites, but there may be some limitations based on the site's specific security policies, that is if reloading the page did not help. Selecting via pressing ctrl / cmd + A may not format text in some sites, use mouse cursor to select. (Site specific restriction)
-> Live preview was removed as it was causing performance issues on low end machines :(
Imagine the time youโll save not having to manually change text case or count words, hunting for formatting options that may not even exist on websites. Whether youโre a student working on an assignment, a professional preparing a report, or just someone who loves to express themselves uniquely, Rockit is here to make your life easier and your text ๐๐๐๐๐๐๐ฃ! ๐ ๐
We believe in the power of expression and the beauty of diversity. Thatโs why we created Rockit - to give you the freedom to express yourself in the way you want, without the hassle. Letโs make the internet a more fancy place, one text at a time! ๐
So why wait? Get ready to Rockit! ๐
Execute create-next-app
with npm, Yarn, or pnpm to bootstrap the example:
npx create-next-app --example blog-starter blog-starter-app
yarn create next-app --example blog-starter blog-starter-app
pnpm create next-app --example blog-starter blog-starter-app
Your blog should be up and running on http://localhost:3000! If it doesn't work, post on GitHub discussions.
Deploy it to the cloud with Vercel (Documentation).
blog-starter
uses Tailwind CSS (v3.0) along with markdown.
- Add Links to stuff