morphling

0.8.0-dev.3 • Public • Published

Morphling

Super easy to use, pure Javascript data filters collection.

WARNING: If you are looking for the morphling for vuejs, I renamed it to vue-morphling. This new library is the NEW vanilla javascript version of morphling. For questions please feel free to contact me.

NOTE: This library is currently in development stage and is not yet ready for production use.

Install

NPM or Yard

npm install morphling

yarn add morphling

CDN

https://unpkg.com/morphling/dist/morphling.js

Apply

Node

import morphling from 'morphling';

HTML

<html>
  <head>
    ...
  </head>
  <body>
    ...
    <!-- Your shits here -->
    ...
    <!-- IMPORTANT: Mophling.js should be imported below here. -->
    <script src="https://unpkg.com/morphling.js/dist/morphling.js"></script> 
  </body>
</html>

Use

morphling.uppercase('foo');
// FOO
 
mophling.reverse('bar');
// rab
<h1 data-morph.uppercase>foo</h1>
<!-- FOO -->
 
<h1 data-morph.reverse>bar</h1>
<!-- rab -->

API

Filters

capitalize

foo -> Foo

Capitalize the first character of a giver string.

morphling.capitalize('foo'); // -> Foo
<span data-morph.capitalize>foo</span> // -> Foo

Back to top ↑


Made with ❤️ by Jofferson Ramirez Tiquez

Package Sidebar

Install

npm i morphling

Weekly Downloads

21

Version

0.8.0-dev.3

License

MIT

Unpacked Size

600 kB

Total Files

24

Last publish

Collaborators

  • cent1pede