Skip to content

Latest commit

 

History

58 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

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

Stars

3 stars

Watchers

3 watching

Forks

Releases

Packages

Used by

Contributors

Languages