Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
140 changes: 68 additions & 72 deletions packages/mdxui/TODO.md
Original file line number Diff line number Diff line change
@@ -1,105 +1,101 @@
# mdxui Component TODO

This package will provide reusable components, layouts, and pages. The list below includes at least thirty proposed components as well as layouts and pages for key application flows such as Landing, Onboarding, Directory browsing, Documentation, Dashboard charts, and a CRUD-style Admin app.
This package provides reusable components, layouts, and pages for mdx. We build on **Tailwind CSS**, **ShadCN**, **MagicUI**, and **Tremor** for foundational UI elements. Components already available in ShadCN should not be re-created; we will extend them when needed.

## Components
## Layouts
- [ ] LandingLayout
- [ ] OnboardLayout
- [ ] DirectoryLayout
- [ ] DocsLayout
- [ ] DashboardLayout
- [ ] AppLayout

## Shared UI Components

### Navigation & Shell
- [ ] AppShell
- [ ] Sidebar
- [ ] NavBar
- [ ] Footer
- [ ] Breadcrumbs
- [ ] ResponsiveContainer

### Forms & Inputs
- [ ] SignUpForm
- [ ] CRUDForm
- [ ] FormField
- [ ] SearchInput
- [ ] FeedbackForm
- [ ] FileUploader
- [ ] ToggleSwitch
- [ ] Paginator

### Display & Data
- [ ] HeroSection
- [ ] FeatureGrid
- [ ] PricingTable
- [ ] TestimonialCard
- [ ] SignUpForm
- [ ] OnboardStep
- [ ] FeedbackForm
- [ ] DirectoryCard
- [ ] DirectoryFilter
- [ ] SearchInput
- [ ] DocSidebar
- [ ] MarkdownRenderer
- [ ] CodeBlock
- [ ] DataTable
- [ ] ChartWrapper
- [ ] ChartLine
- [ ] ChartBar
- [ ] ChartPie
- [ ] DataTable
- [ ] CRUDForm
- [ ] FormField
- [ ] Modal
- [ ] NotificationToast
- [ ] LoadingSpinner
- [ ] Avatar
- [ ] Breadcrumbs
- [ ] Tag
- [ ] Paginator
- [ ] FileUploader
- [ ] AvatarGroup
- [ ] ToggleSwitch
- [ ] ResponsiveContainer
- [ ] Tag

## Layouts
- [ ] LandingLayout
- [ ] OnboardLayout
- [ ] DirectoryLayout
- [ ] DocsLayout
- [ ] DashboardLayout
- [ ] AppLayout
## Domain Components

## Pages
### Landing
- [ ] LandingHero
- [ ] FeaturesGrid
- [ ] PricingTable
- [ ] TestimonialsCarousel
- [ ] CallToActionFooter
- [ ] LandingPage
- [ ] OnboardPage
- [ ] DirectoryPage
- [ ] DocsHomePage
- [ ] DashboardHomePage
- [ ] AdminAppPage
# TODO for mdxui

## Landing Page Components
- [ ] LandingPage layout
- [ ] LandingHero component
- [ ] FeaturesGrid component
- [ ] PricingTable component
- [ ] TestimonialsCarousel component
- [ ] CallToActionFooter component

## Onboard Flow Components
- [ ] Onboard layout
- [ ] OnboardStep component
- [ ] ProgressIndicator component
- [ ] FeedbackForm component
- [ ] WaitlistSignup component
- [ ] OnboardCompletion page
### Onboarding
- [ ] OnboardStep
- [ ] ProgressIndicator
- [ ] WaitlistSignup
- [ ] OnboardCompletion
- [ ] OnboardPage

## Directory Components
- [ ] Directory layout
- [ ] DirectoryList component
- [ ] ProfileCard component
- [ ] SearchBar component
- [ ] FilterPanel component
- [ ] PaginationControls component
### Directory
- [ ] DirectoryList
- [ ] ProfileCard
- [ ] SearchBar
- [ ] FilterPanel
- [ ] PaginationControls
- [ ] DirectoryPage

## Documentation Components
- [ ] Documentation layout
- [ ] DocsSidebar component
- [ ] MarkdownRenderer component
- [ ] VersionSwitcher component
- [ ] DocSearch component
- [ ] CodeExample component
### Documentation
- [ ] DocsSidebar
- [ ] MarkdownRenderer
- [ ] VersionSwitcher
- [ ] DocSearch
- [ ] CodeExample
- [ ] DocsHomePage

## Dashboard Components
- [ ] Dashboard layout
- [ ] StatsWidget component
- [ ] ChartWidget component
- [ ] RecentActivity component
- [ ] NotificationsPanel component
- [ ] UserSettings page
### Dashboard
- [ ] StatsWidget
- [ ] ChartWidget
- [ ] RecentActivity
- [ ] NotificationsPanel
- [ ] DashboardHomePage

## Admin App Components
- [ ] App layout
- [ ] DataTable component
- [ ] RecordForm component
- [ ] CrudSidebar component
- [ ] AuthGuard component
- [ ] AppSettings page
### Admin
- [ ] DataTable
- [ ] RecordForm
- [ ] CrudSidebar
- [ ] AuthGuard
- [ ] AppSettings
- [ ] AdminAppPage
Loading