t24-link - Awesome Collection of CSS3 Effects for Hyperlinks

t24-link - Awesome Collection of CSS3 Effects for Hyperlinks

t24-link is a 24TEMPLATE Block

t24-link is an Awesome Collection

t24-link is compatible with all modern browsers, and frameworks

t24-link has all kinds of buttons

Rate Us!

Join the MyThemeIsReady Awesomeness!

All-in-One solution.

Hyperlinks are playing a very important role on a website or web application, so being able to create variety of CSS3 link effects fast & easy is a key in designing successful User Interfaces. All CSS styles are gathered in one single CSS with lots of effects and modifiers that you may need in every web page or web app.

Fits just right in.

Compatible with all modern browsers, frameworks, and web environments. Using Pure HTML5 or a front-end framework such as Bootstrap, MDL, Foundation, or anything else? It doesn’t make any difference! You’re in good company.

Full documentation.

Anything that you need to know about creating links is in the documentation that you download. Introduction on how to get started, Compatibility notes, Link block documentation, and etc…

Most important included files.

The included .js files are completely optional! You may use them only if you’re going to use the SVG Icon styles.

  • ES6 and .scss source files
  • Precompiled .js and .css files


  • Light; it’s only 18KB
  • Easy to use; it’s designed based on BEM Methodology
  • Link with icon
  • Link with loader icon
  • Variety of colors
  • Variety of effects
  • Variety of predefined loaders (spinners)
  • Combination with other font icon libraries (such as font-awesome)
  • Combination with 24Template utility CSS classes

2017.07.14 – version 1.3.0
  - Utils block: Added `.text-{left,right,center}` modifiers
2017.05.09 – version 1.2.0
  - Utils block: Added some more utility CSS classes
  - Changed 'dist' directory folder structure
2017.04.10 – version 1.1.0
  - Changed Utility `.js` and `.css` files name from '24TEMPLATE-utils' to '24component-all'
  - Icon block: Load IMG without getting cut-off when 'light' and 'outline' effects are also applied
2017.03.14 – version 1.0.0
  - First Release