feat(ui): Implement UI Foundation with Tailwind CSS and shadcn/ui#106
Merged
coopeverything merged 1 commit intoclaude-yolofrom Oct 29, 2025
Merged
feat(ui): Implement UI Foundation with Tailwind CSS and shadcn/ui#106coopeverything merged 1 commit intoclaude-yolofrom
coopeverything merged 1 commit intoclaude-yolofrom
Conversation
…ponents Add comprehensive UI system foundation with Tailwind CSS integration and base shadcn/ui components following the TogetherOS Warm Minimalism design system. Key additions: - Tailwind CSS configuration with design tokens (Cooperative Green, Apricot) - PostCSS configuration for Tailwind processing - Base UI components: Button, Input, Card with proper TypeScript types - Shared utilities (cn helper) in root lib directory - Path aliases for clean imports (@/lib/*, @/components/*) Technical improvements: - Integrated class-variance-authority for component variants - Added Radix UI primitives for accessible base components - Configured dark mode support with CSS variables - All components tested and building successfully progress:ui=+30 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Contributor
|
Please paste these two lines from CI logs: Once added, re-run checks if needed. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Implements the UI foundation system for TogetherOS with Tailwind CSS and shadcn/ui components, following the Warm Minimalism design system.
Key Changes
cn()helper for className merging in rootlib/directory@/lib/*and@/components/*mappingsTechnical Details
Components Created:
Button: 6 variants (default, secondary, ghost, link, joy, danger) with 4 sizesInput: Accessible form input with focus states and disabled stylingCard: Flexible card container with Header, Title, Description, Content, and Footer subcomponentsDependencies Added:
tailwindcss,postcss,autoprefixer- Core stylingclass-variance-authority- Type-safe variant managementtailwind-merge,clsx- Class name utilitiestailwindcss-animate- Animation utilities@radix-ui/react-slot- Composition primitivesFiles Modified:
apps/web/app/globals.css- Added Tailwind directivesapps/web/package.json- Added UI dependenciesapps/web/tsconfig.json- Added path aliasespackage-lock.json- Locked dependency versionsFiles Created:
apps/web/tailwind.config.js- Tailwind configuration with design tokensapps/web/postcss.config.js- PostCSS configurationapps/web/components/ui/button.tsx- Button componentapps/web/components/ui/input.tsx- Input componentapps/web/components/ui/card.tsx- Card componentslib/utils.ts- Shared utilitiesTest Plan
Deployment
✅ Already deployed to VPS - Changes are live at https://coopeverything.org
Progress
progress:ui=+30- Increases UI module from 20% to 50%🤖 Generated with Claude Code