https://github.com/devmnj/vue-pnf

A vue library for showing Page Not Found / 404 page using awesome CSS animation
https://github.com/devmnj/vue-pnf

404-error-page 404-errors 404-not-found 404-pages vue vue-component-library vue-components vue-li vuejs

Last synced: about 2 months ago
JSON representation

A vue library for showing Page Not Found / 404 page using awesome CSS animation

• Host: GitHub
• URL: https://github.com/devmnj/vue-pnf
• Owner: devmnj
• Created: 2021-07-14T11:51:09.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-07-14T15:21:21.000Z (over 3 years ago)
• Last Synced: 2024-08-09T14:32:39.001Z (5 months ago)
• Topics: 404-error-page, 404-errors, 404-not-found, 404-pages, vue, vue-component-library, vue-components, vue-li, vuejs
• Language: Vue
• Homepage:
• Size: 330 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

vue-pnf




[![Status](https://img.shields.io/badge/status-active-success.svg)]()

[![GitHub Issues](https://img.shields.io/github/issues/kylelobo/The-Documentation-Compendium.svg)](https://github.com/kylelobo/The-Documentation-Compendium/issues)

[![GitHub Pull Requests](https://img.shields.io/github/issues-pr/kylelobo/The-Documentation-Compendium.svg)](https://github.com/kylelobo/The-Documentation-Compendium/pulls)

[![License](https://img.shields.io/badge/license-MIT-blue.svg)](/LICENSE)



---

  

A Vue library consisting of one or more component for showing Page Not Found / 404.

    






## 📝 Table of Contents

- [📝 Table of Contents](#-table-of-contents)

- [🧐 About ](#-about-)

- [🏁 Components ](#-components-)

- [🎈Prerequisites](#prerequisites)

- [🎈Installing](#installing)

- [🎈 Usage ](#-usage-)

- [⛏️ Built Using ](#️-built-using-)

- [✍️ Authors ](#️-authors-)

 

## 🧐 About 

A set of components for showing error page or 404 in Vuejs project.

## 🏁 Components 

This library includes following components

- **Animated**, an animate 404 Page with CSS animation

## 🎈Prerequisites

- Nodejs

- Vuejs

## 🎈Installing

You can install the package from NPM registry or from github packages registry

```bash

npm i --save @codehat/vue-pnf

```

## 🎈 Usage 

Here is simple usage

```javascript

  


         

  


```

```javascript

import { Animated } from "@codehat/vue-pnf";

export default {  

  components: {

 "v-404": Animated,    

  },

};

```

 

## ⛏️ Built Using 

- [VueJs](https://vuejs.org/) - Web Framework

- [NodeJs](https://nodejs.org/en/) - Server Environment

## ✍️ Authors 

- [@manojap](https://github.com/manojap) - Idea & Initial work