Skip to content

Transformicons: Animated icons, symbols and buttons using SVG and CSS. Inspired by the article from Sara Soueidan and the work of Bennett Feely.

License

Notifications You must be signed in to change notification settings

randoloid/transformicons

 
 

Repository files navigation

Transformicons

Build Status

What's a transformicon?

It's an animated symbol/button that morphs using either SVG or CSS and presented in a neatly packaged library.

We also provide a builder that gives developers the ability to select their preferred transformicons and output for finer control.

What browsers do you support?

IE10+, Chrome 36+, Safari 6+, Firefox 30+, Opera 22+, iOS 7+, Android 4+, Chrome for Android 38+

--

Documentation

All of our documentation has been written in markdown and can be directly viewed on our site or under our docs directory. Feel free to reach out for help in the issue tracker making sure to title your issue as descriptive as possible. Please make sure you've also checked older issues that may relate to your question first before filing in order to avoid bogging down the issue tracker.

--

Contributing

If you would like to contribute to the Transformicons project please make sure that anything feature related is isolated to a new branch and titled with the name of the feature being developed.

Local installation is dead simple. We use all local files and directories to run this project. This ensures you the developer don't need to install anything directly or globally to your system. Also take note we use libsass for preprocessing all of our Sass code.

Install dependencies

$ npm install

Start a server and watch Sass files

$ npm start

You'll find all our working files in the dist directory for Transformicons' JavaScript requirement and Sass for each transformicon. Any markup will be found in the site > templates directory. We use assemble to build our markup so make sure you're never editing a file with the .html extension. Assemble files use the .hbs file extension. These are the files you should be editing instead.

--

Props to @bennettfeely and @SaraSoueidan. Licensed under MIT

About

Transformicons: Animated icons, symbols and buttons using SVG and CSS. Inspired by the article from Sara Soueidan and the work of Bennett Feely.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 64.0%
  • CSS 35.9%
  • Shell 0.1%