Replace.js demo

Implementations of common UI patterns using Replace.js.

Paginated list

For displaying a large, ordered collection when the user is probably most interested in the first few.

Red
Green
See more

Posting

For adding another item to a list.

Red
Green

Tabs

For content that should be split into bite-size chunks.

Media player

To show a preview image that becomes a video player when clicked.

Dismissable

To hide something.

Hey! You can dismiss this alert by clicking the X. ×

View/Edit

For allowing the user to edit a record in place.

Toolbar

A collection of related status indicators and buttons to change those states.