fpaus / adwaita-web

A web UI framework based on GTK's Adwaita theme

This fork is no longer being worked on as I've decided to focus on technologies that are cross compatible betweeen different frameworks and methods for creating websites. If you are looking for a ui library or css framework that borrows from Gnome and libadwaita see here and here.

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