underline-generator icon indicating copy to clipboard operation
underline-generator copied to clipboard

🤺 Generate neat CSS underlines

Underline Generator

Netlify Status

 

fencer emoji

Generate neat CSS undelines and embed them in your project. Check the app now.

 

🍻 Usage

Customize your fancy underline and press the copy button to get your CSS class.

Then, just wrap your text with a <span> element and paste the generated CSS.

🔥 TODO

  • [x] Redesign app using Sketch
  • [x] Add css for the text inside the input element
  • [x] Polish copy button (functionality & effects)
  • [x] Hover text effect
  • [x] Update icons
  • [X] Gradient picker
  • [X] Add animations
  • [ ] Add code modal
  • [ ] Special version that generates abstarct underlines

🏛️ License

Copyright (c) 2019-present Jim Raptis. All rights reserved.

The code, design and idea in this repository are intellectual property of the individual mentioned above (unless otherwise stated) and as such CANNOT be copied, modified, sublicensed or redistributed without permission from the author.