Advanced, high-level, and marketing-focused UI components for DoNotDev
npm install @donotdev/adv-compsThis package provides a collection of high-level, opinionated, and marketing-focused UI components for the DoNotDev framework. These components are designed to create engaging and dynamic user experiences, often featuring complex animations and layouts.
This package separates specialized components from the core @donotdev/components package to ensure a leaner core bundle for applications that do not require these advanced features.
To install @donotdev/adv-comps in your DoNotDev application, run the following command:
``bash`
bun add @donotdev/adv-compsor
npm install @donotdev/adv-compsor
yarn add @donotdev/adv-comps
Because these advanced components often come with specialized CSS (e.g., for animations), you must import their styles into your application's global CSS file (e.g., src/globals.css).
Add the following line to your globals.css (ideally after core framework styles, but before any app-specific overrides):
`css`
@import '@donotdev/adv-comps/styles';
Important: Ensure your application's postcss.config.ts is correctly set up to process @import directives. The framework provides default PostCSS configuration with postcss-import, postcss-nesting, and autoprefixer. (This setup is automatically handled for new apps scaffolded with the latest CLI).
You can now import and use components from @donotdev/adv-comps in your React application:
`typescript jsx
import { Crawl, HeroSection, Marquee } from '@donotdev/adv-comps';
function MyMarketingPage() {
return (
<>
);
}
``