DCNT UI
    DocsComponentsPricing
Premium Access

Getting Started

Introduction
Installation

Components

Text Animations

Scroll Reveal Text
Docs/Introduction

Introduction

Beautifully designed components for React, Next.js, and Svelte.

DCNT UI is a modern component ecosystem built for immersive, motion-driven web interfaces. Rather than shipping static layout blocks, it focuses on fluid transitions, layered animations, glass effects, 3D visuals, and polished micro-interactions — the kind of UI that feels alive.

You keep full ownership of your code. No vendor lock-in, no rigid architecture. Just well-engineered components that drop into real projects.

Why DCNT UI?

Most component libraries treat motion and interaction as optional extras. DCNT UI treats them as first-class features. Every component is built with smooth transitions, hover-driven motion, scroll-based interactions, and visual depth in mind — without sacrificing performance or maintainability.

The goal: let you build interfaces that stand out visually without recreating advanced interactions from scratch every time.

Built for Modern Frameworks

Supported frameworks:

  • ReactReact
  • Next.js (App & Pages Router)Next.js (App & Pages Router)
  • Svelte / SvelteKitSvelte / SvelteKit

React, Next.js (App & Pages Router), Svelte / SvelteKit. Each framework gets a native implementation, not just a generic wrapper.

TypeScript & JavaScript Support

Works with both TypeScript and JavaScript.

  • JavaScriptJavaScript
  • TypeScriptTypeScript

Flexible Styling Support

Supports Tailwind CSS, SCSS, and plain CSS — no restructuring of your existing project required.

  • Tailwind CSSTailwind CSS
  • SASS / SCSSSASS / SCSS
  • Plain CSSPlain CSS

Free & Premium Components

Free components are available without authentication and cover a solid range of use cases for personal projects, prototyping, and open-source work.

Premium components unlock more advanced experiences: complex motion systems, 3D interface elements, immersive landing page sections, and exclusive design collections. Access is managed via subscription.

Access Tokens

After subscribing, add your token to your project:

.env·txt
DCNTUI_TOKEN=your_token_here

The CLI handles verification, framework detection, and component delivery automatically.

CLI Workflow

A single CLI manages installation, framework detection, configuration, and dependency handling — so you can focus on building rather than setup.

NextInstallation →
DCNT UI
ContactPrivacy PolicyTerms & Conditions