Prometheus is a Web3 Framework focused on user experience and ease of development. It's provide libraries of components, methods, styles and many other things for frontend development on Vue 3 with SSR and Web3 support.
Created by OZ DAO. Visit our website: www.ozdao.dev
In Greek mythology, Prometheus is a Titan god of fire. Prometheus is best known for defying the gods by stealing fire from them and giving it to humanity in the form of technology, knowledge, and more generally, civilization. So our goal is to provide people with the best technologies and solutions that they can easily use every day.
Why create another UI framework when there are a huge number of solutions that have been developed and supported for a long time, with a large community?
- Prometheus managed by OZ DAO
- WEB3 and UX oriented
- Easy to redefine
To install the library, use npm:
npm install '@ozdao/prometheus-framework'
You can import components from the library in three ways:
If you want to use all components globally, import the library and register it with your Vue app:
import PrometheusFramework from '@ozdao/prometheus-framework'
// App init...
app.use(PrometheusFramework)
This will make all components in the library available for use in your app.
If you want to use specific components from the library, import them individually and register them with your Vue app:
import { createApp } from 'vue'
import { Button, Field } from '@ozdao/prometheus-framework'
// App init...
app.component('Button', Button)
app.component('Field', Field)
This will make only the Button and Modal components available for use in your app.
If you want to use a component locally within a specific Vue component, import it directly:
<template>
<Button>Slot</Button>
</template>
<script setup>
import { Button } from '@ozdao/prometheus-framework'
</script>
This will import the Button component from the library and make it available for use within the current Vue component only.
Prometheus Framework provides the following components:
- Text
- Link
- Button
- Field
- Carousel
For more detailed information on how to use each component, see the component documentation.
Contributions are welcome! Please see the contributing guide for more information.
This library is licensed under the GNU GPLv3.
All notable changes to this project will be documented in this file.
- Added styles
- First commmit and preparation for deploy