Developers

If you’re just starting out developing with Graphite, here’s everything you need to get up and running.

Graphite makes it easy to implement and use its components across any framework or no framework at all. We accomplish this by using standardized web platform APIs and Web Components.

Quick start

Add the following code to the head of your page:

<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@graphiteds/core@1.8.1/css/graphite.bundle.css"
integrity="sha256-Maq0H86dB7RsnWif+qVcjQTCDWf91cqcF+kokcsZ8m0="
crossorigin="anonymous"
/>

<script
type="module"
src="https://cdn.jsdelivr.net/npm/@graphiteds/core@1.8.1/dist/core/core.esm.js"
integrity="sha256-ZgEAIlF82yxuNWEeIbGr4hy2yHoNcBET/AZCKlDJnzc="
crossorigin="anonymous"
>
</script>

Now you have access to all of Graphite's components! Try adding a button:

<gr-button>Click me</gr-button>

See a working example of this setup (CodeSandbox)

See the components usage guidelines for more details and other ways to install Graphite.

Further reading

For an up-to-date list of components included and their respective documentations, see the components overview page.

For learning how to customize the components, see the customizing guidelines.