JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 18
  • Score
    100M100P100Q60060F
  • License Apache-2.0

A classless CSS-framework for clean, soft and modern design!

Package Exports

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (chimeracss) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    Chimera

    GitHub Stars GitHub Issues npm version downloads badge

    ChimeraCSS

    Classless CSS framework with a clean, soft and modern design inspired By SakuraCSS and Marx.

    Why?

    Classless css frameworks is great for building beautiful UI, without worrying about unresponsive and unacessible elements. Chimera does the element styling for you, which only leaves the layout to you. For building MVPs fast and building UI without a designsystem; Chimera is a great framework.

    Roadmap

    Goals

    What we want to achieve for the framework is as following:

    • Easy to implement into private projects
    • Clean, soft and modern design
    • Responsive by default
    • Acessible elements
    • Compatibility with classbased css-frameworks

    How?

    You can implement chimera into your private project by downloading the ChimeraCSS package and directly link to the Chimera.css file:

    npm install chimeracss
    yarn add chimeracss
    pnpm add chimeracss
    import "~/node_modules/chimeracss/build/chimera.css";

    or by including this tag in your HTML header. (Remember to declare version where ":version" is, in the URL)

    <link
      rel="stylesheet"
      type="text/css"
      href="https://unpkg.com/chimeracss@:version/build/chimera.css"
    />

    Themes

    Chimera has multiple themes:

    • chimera
    • chimera-dark
    • chimera-golden
    • chimera-autumn
    • chimera-blues
    • chimera-plain

    to use an alternative theme, change the filename in the import to the same as the theme. Here is an example of how to implement chimera-dark:

    import "~/node_modules/chimeracss/build/chimera-dark.css";

    or

    <link
      rel="stylesheet"
      type="text/css"
      href="https://unpkg.com/chimeracss@:version/build/chimera-dark.css"
    />

    License

    You can check out the full license here This project is licensed under the terms of the Apache License 2.0 license.