adsgency-ads-ui

Ads Design System package for AdsGency product surfaces.

Scope

The first published version includes:

• AdsButton
• AdsButtonGroup
• AdsInput
• AdsInputGroup
• AdsInputOTP
• AdsAccordion
• Product Dark tokens and CSS variables
• Tailwind preset
• Lightweight package-level i18n provider

All component implementations are expected to be ADS-specific wrappers around shadcn/ui-style primitives and the current design language, rather than hand-written base components.

The package does not expose product business modules, Next-specific runtime code, AntD wrappers, or non-v1 Ads components.

Install

npm install adsgency-ads-ui

Usage

import {
  AdsAccordion,
  AdsButton,
  AdsButtonGroup,
  AdsI18nProvider,
  AdsInput,
  AdsInputGroup,
  AdsInputOTP,
} from "adsgency-ads-ui";
import "adsgency-ads-ui/styles.css";

Tailwind:

const adsUiPreset = require("adsgency-ads-ui/tailwind-preset");

module.exports = {
  presets: [adsUiPreset],
  content: [
    "./app/**/*.{js,ts,jsx,tsx,mdx}",
    "./components/**/*.{js,ts,jsx,tsx,mdx}",
    "./node_modules/adsgency-ads-ui/dist/**/*.{js,cjs,mjs}",
  ],
};

Public API

Allowed imports:

• adsgency-ads-ui
• adsgency-ads-ui/styles.css
• adsgency-ads-ui/tailwind-preset
• adsgency-ads-ui/tokens

Disallowed imports:

• adsgency-ads-ui/src/...
• adsgency-ads-ui/dist/...
• adsgency-ads-ui/primitives/...

Local Demo

Run the local playground:

pnpm demo

The demo is served from http://127.0.0.1:4173 and uses the local source tree for fast wrapper-level iteration.