hellorge / adwaita-js

A web UI framework based on GTK's Adwaita theme

web-toolkit

A GTK inspired React UI framework

This is a web toolkit using GTK's default theme, Adwaita. The framework is currently usable but is to be considered in alpha state, as a few parts are still raw and the API is subject to change until the 1.0.0 release.

Installation • Demo • 📖 Docs • Help Wanted • License

Why

There are quite a few alternatives, such as bootstrap, material-ui, semantic-ui or ant-design. I've however found that most of them fail in one way or another to satisfy what I'm looking for in a UI framework. Most important than anything, I want something that looks stunning by default, while being functional.

Showcase

function App() {
  return (
    <div className="App background Box vertical compact">
      <Paned defaultSize={200} fill border="handle">
        <Box vertical>I'm a sidebar</Box>
        <Box fill vertical>
          <Input.Group>
            <Input />
            <Button>Submit</Button>
          </Input.Group>
        </Box>
      </Paned>
    </div>
  );
}

export default App;

Some documentation is also available but is a work in progress and not complete yet.

License

MIT