OSSPhilippines / morphling.js

Vanilla Js version of Vue Morphling

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

Vanilla Js version of Vue Morphling

License:MIT License


Languages

Language:JavaScript 98.1%Language:HTML 1.9%