Skip to content

OSSPhilippines/morphling.js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

58 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published