hero

Unicorn Design System

Cutting edge design system and web component library ✨ 🦄 ✨

Get Started →

UNICEF New Zealand's open source design system for web apps. Embraces web standards and built with flexibility in mind, giving you the freedom to make it your own.

    import React from 'react';
    import { UniButton } from '@unicorndesign/react';
    
    export default () => (
      <UniButton>Unicorns!</UniButton>
    );
    
    <script type="module" src="https://unpkg.com/@unicorndesign/core@^1.1.0/dist/unicorn/unicorn.esm.js"></script>
    
    <uni-button>Unicorns!</uni-button>
    
    // Make sure to add code blocks to your code group