29e1b9d9ac
Create apps/tutorial - a beautiful, animated Next.js slideshow that explains TPMJS concepts from basic to advanced: Slides: - Welcome: Gradient TPMJS title with animated floating orbs - Problem: Chaotic floating icons showing fragmented AI tools - Solution: Icons organizing into a neat grid - How It Works: Flow diagram (npm → Discovery → Registry → AI Agent) - Discovery: Animated counters showing real-time sync stats - Integration: Typewriter code animation showing SDK usage - Quality Scoring: Animated gauge and progress bars - Tool Detail: Mock tool card with all metadata - Get Started: CTA buttons linking to tpmjs.com Features: - Framer Motion animations with spring physics - Keyboard navigation (arrows, space, enter) - Mouse navigation (arrows, progress dots) - Touch-friendly swipe support - Dark theme with cyan/purple gradient accents - Responsive design
11 lines
276 B
TypeScript
11 lines
276 B
TypeScript
import baseConfig from '@tpmjs/tailwind-config/base';
|
|
import type { Config } from 'tailwindcss';
|
|
|
|
export default {
|
|
...baseConfig,
|
|
content: [
|
|
'./src/app/**/*.{ts,tsx}',
|
|
'./src/components/**/*.{ts,tsx}',
|
|
'../../packages/ui/src/**/*.ts',
|
|
],
|
|
} satisfies Config;
|