Geju Design Library

Geju is an atomic design library written in Stencil.js. Because it uses the native web components, Geju works in any framework, or no framework at all. See the Stencil.js framework integration documentation for integration instructions.

What does geju mean?

Geju is a zen term for verse. As in, something combined into a larger whole. Finding an unclaimed public scope that makes even a lick of sense is getting harder all the time.

Getting Started

Install the Geju library into your project.

npm install @geju/core --save

Usage

Coming soon. For now the entire API can be summed up thusly:

<gu-card-deck>
    <gu-card class="card-small">
        <gu-card-header>
            This is a cute cat.
        </gu-card-header>
        <gu-card-content>
            <img src="http://placekitten.com/g/50/50" style="margin: 0 auto; display: block;" alt="Actually, this is a cute cat."/>
        </gu-card-content>
        <gu-card-footer>
            Seriously. It is very cute.
        </gu-card-footer>
    </gu-card>
    <gu-card class="card-small">
        <gu-card-header>
            This is a cute cat.
        </gu-card-header>
        <gu-card-content>
            <img src="http://placekitten.com/g/50/50" style="margin: 0 auto; display: block;" alt="Actually, this is a cute cat."/>
        </gu-card-content>
        <gu-card-footer>
            Seriously. It is very cute.
        </gu-card-footer>
    </gu-card>
    <gu-card class="card-small">
        <gu-card-header>
            This is a cute cat.
        </gu-card-header>
        <gu-card-content>
            <img src="http://placekitten.com/g/50/50" style="margin: 0 auto; display: block;" alt="Actually, this is a cute cat."/>
        </gu-card-content>
        <gu-card-footer>
            Seriously. It is very cute.
        </gu-card-footer>
    </gu-card>
</gu-card-deck>