https://www.agnosticui.com/

Agnostic
Docs
Contribute
GitHub
Docs
Contribute
GitHub

  * Get Started

      + Setup
      + Theming
      + Understand
      + Utilities
  * Components

      + Alerts
      + Avatars
      + Breadcrumbs
      + Buttons
      + Cards
      + Choices
      + Close
      + Dialog
      + Disclose
      + Divider
      + EmptyState
      + Header
      + Icons
      + Inputs
      + Loader
      + Pagination
      + Progress
      + Select
      + Spinner
      + Switch
      + Table
      + Tabs
      + Tags
      + Toasts
  * Advanced

      + Advanced Usage

Agnostic

One stylesheet...all the frameworks! UI components that work in React,
Vue 3, and Svelte!

Get Set Up Now

React, Vue 3, Svelte, and Angular

UI components you can use across multiple projects!

Synchronized Theming

Brand your UI components once, then watch them work in all your
projects!

Embraces the Platform

Semantic and accessible HTML. Unprocessed CSS. Code on the platform
and towards upcoming web standards.

React framework tab button trigger
Vue framework tab button trigger
Svelte framework tab button trigger
Angular framework tab button trigger
Web standards-based JavaScript tab button trigger

import 'agnostic-react/dist/common.min.css';
import 'agnostic-react/dist/esm/index.css';
import { Button } from 'agnostic-react';
const App = () => (
  <Button mode="primary">Let's go!</Button>
)
ReactDOM.render(
  React.createElement(App, {}, null),
  document.getElementById('root')
);

import 'agnostic-react/dist/common.min.css';
import 'agnostic-react/dist/esm/index.css';
import { Button } from 'agnostic-react';
const App = () => (
  <Button mode="primary">Let's go!</Button>
)
ReactDOM.render(
  React.createElement(App, {}, null),
  document.getElementById('root')
);

import 'agnostic-react/dist/common.min.css';
import 'agnostic-react/dist/esm/index.css';
import { Button } from 'agnostic-react';
const App = () => (
  <Button mode="primary">Let's go!</Button>
)
ReactDOM.render(
  React.createElement(App, {}, null),
  document.getElementById('root')
);

import 'agnostic-react/dist/common.min.css';
import 'agnostic-react/dist/esm/index.css';
import { Button } from 'agnostic-react';
const App = () => (
  <Button mode="primary">Let's go!</Button>
)
ReactDOM.render(
  React.createElement(App, {}, null),
  document.getElementById('root')
);

import 'agnostic-react/dist/common.min.css';
import 'agnostic-react/dist/esm/index.css';
import { Button } from 'agnostic-react';
const App = () => (
  <Button mode="primary">Let's go!</Button>
)
ReactDOM.render(
  React.createElement(App, {}, null),
  document.getElementById('root')
);

Apache 2.0 Licensed | Copyright (c) 2021 Rob Levin