https://github.com/docsallover/barbajs-css-transition

This repository showcases the effective integration of Barba.js to create smooth, fluid animations between different pages of your website.
https://github.com/docsallover/barbajs-css-transition

barbajs javascript page-transitions single-page-applications spa

Last synced: 12 months ago
JSON representation

This repository showcases the effective integration of Barba.js to create smooth, fluid animations between different pages of your website.

Host: GitHub
URL: https://github.com/docsallover/barbajs-css-transition
Owner: docsallover
License: mit
Created: 2023-10-23T11:03:47.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2023-10-23T11:11:24.000Z (over 2 years ago)
Last Synced: 2025-06-07T04:34:35.728Z (12 months ago)
Topics: barbajs, javascript, page-transitions, single-page-applications, spa
Language: SCSS
Homepage: https://docsallover.com/blog/ui-ux/enhancing-web-transitions-with-barbajs/
Size: 102 KB
Stars: 2
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE.md

README

# Barba.js with the CSS Plugin

Simple css page transitions using [Barba.js](https://barba.js.org/) and
the [@barba/css](https://barba.js.org/docs/plugins/css/) plugin.

## Usage

Installation:

```
git clone https://github.com/docsallover/barbajs-css-transition.git
npm install
```

Run a local web server and watch for changes in your style & code files:

```
npm run dev
```

Create a production ready build:

```
npm run build
```