https://github.com/bit8bytes/vona

A minimalist and lightweight starter kit that that utilises Pico for beautiful plug-and-play landing page UI blocks.
https://github.com/bit8bytes/vona

Last synced: 8 months ago
JSON representation

A minimalist and lightweight starter kit that that utilises Pico for beautiful plug-and-play landing page UI blocks.

• Host: GitHub
• URL: https://github.com/bit8bytes/vona
• Owner: bit8bytes
• License: mit
• Created: 2025-05-11T23:54:10.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2025-08-30T20:57:16.000Z (10 months ago)
• Last Synced: 2025-08-30T21:28:45.478Z (10 months ago)
• Language: HTML
• Homepage: https://vona.bit8bytes.com
• Size: 7.34 MB
• Stars: 18
• Watchers: 0
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Vona

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

## Plug-and-play landing page UI blocks.

A minimalist and lightweight starter kit that that utilises Pico for beautiful plug-and-play landing page UI blocks.

Copy HTML, Add Pico CSS and Vona CSS, change your content, and deploy.

## Table of contents

- [Getting Started](#quick-start)

- [Contributing](#contributing)

- [Copyright and license](copyright-and-license)

## Quick Start

There are two ways to include vona.css:

### Install manually

Download Pico and Vona and link both in the  of your website.

```html

```

### Usage from CDN

Alternatively, you can use jsDelivr CDN to link pico.css and vona.css.

```html

```

### Starter HTML template

```html

  

    

    

    

    

    My Vona Page

  

  

    

      
Hello Vona!

    

  


```

## Documentation

### Getting Started

- [Introduction](https://vona.bit8bytes.com/docs/introduction)

- [Quick Start](https://vona.bit8bytes.com/docs/installation)

### Blocks

- [Header](https://vona.bit8bytes.com/docs/blocks/header)

- [Hero](https://vona.bit8bytes.com/docs/blocks/hero)

- [Features](https://vona.bit8bytes.com/docs/blocks/features)

- [Newsletter](https://vona.bit8bytes.com/docs/blocks/newsletter)

- [Footer](https://vona.bit8bytes.com/docs/blocks/footer)

## Contributing

If you are interested in contributing to Vona CSS, please send an email to gleiter.tobias@gmail.com.

## Pages that use Vona

- Goalkeepr

- Filmlet

## Copyright and license

Licensed under the [MIT License](https://github.com/bit8bytes/vona/blob/main/LICENSE).