Giter VIP home page Giter VIP logo

rockit-landing's Introduction

Landing page for ๐Ÿš€ Rockit - Fancy Text Generator and Formatter

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! ๐ŸŽ‰

๐Ÿ‘พ Intro

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! ๐Ÿ“

๐Ÿ‘ฎ Instructions For Use

-> 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 ๐Ÿ‘ป

Note

-> 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 :(

โฐ Time Savings and Use Cases

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 ๐•—๐•’๐•Ÿ๐•”๐•š๐•–๐•ฃ! ๐ŸŒˆ ๐ŸŽˆ

Motivation for Rockit ๐Ÿค˜

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! ๐Ÿš€

Screenshots

Screenshot 1

Screenshot 2

Screenshot 3

Screenshot 4

How to use this repo

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).

Notes

blog-starter uses Tailwind CSS (v3.0) along with markdown.

TODO

  • Add Links to stuff

rockit-landing's People

Watchers

Krishnagopal Sinha avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.