Unpoly Tutorial

Animation

Give a fragment link an up-transition attribute to animate between the old and new fragment.


The first story

Show next story

Thinking with fragments

Give a link an up-target attribute to update a CSS selector with the same selector from the link's destination. No server-side changes required.


Flip Flip

Leveraging layers

Give a link an [up-layer=new] attribute to extract a CSS selector from the destination and open the fragment in a modal dialog. No server-side changes required.


Story summary

Read full story

Organizing Javascript snippets

Unpoly lets you organize your JavaScript snippets with compiler functions. Your compilers will be called whenever a matching element enters the DOM, either when the page loads or when updating a fragment.


The time is