Search anything...⌘K
  • getting started

    • Welcome
    • Installation
    • Browser support
    • Performances
  • features

    • Styling
    • Styling props
    • Theming
    • Plugins
    • Breakpoints
    • SSR
    • Production
  • css utilities

    • Installation
    • Methods
    • Flex
    • Grid
    • Margin
    • Padding
  • guides

    • Using with Next.js
    • Using with Create-react-app
    • Using with Gatsby
    • Using with TailwindCSS
import { css } from './nifty.ts';

css({
  ...flexCenter,
  ...paddingX`1rem`,
  color: '@text!',
  ':hover': {
    color: '@accent',
  },
  $sm: {
    fontSize: '@fontSmall',
  },
});

Fast - really fast

Don’t think about performances - we handle that for your. Server-side render your CSS and use CSS utilities to rapidly create UI.

Learn more

Framework-agnostic

Integrate with any front-end library like Next.js, CRA, Gatsby, Tailwind and more. Use the styled API to quickly create reusable React components.

Learn more

Awesome DX

Write type-safe CSS in your TypeScript or JavaScript files. Reference theme values without importing them, and think responsive with breakpoints.

Learn more