{"id":30232378,"url":"https://github.com/aruvili/azhivili-css","last_synced_at":"2025-08-14T23:57:57.813Z","repository":{"id":305554631,"uuid":"1022762747","full_name":"Aruvili/Azhivili-CSS","owner":"Aruvili","description":"A comprehensive utility-first CSS framework with Tamil class names (Tamil CSS) - தமிழ் வகுப்பு பெயர்களுடன் கூடிய விரிவான பயன்பாட்டு-முதல் CSS கட்டமைப்பு","archived":false,"fork":false,"pushed_at":"2025-08-06T16:19:10.000Z","size":668,"stargazers_count":13,"open_issues_count":0,"forks_count":0,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-08-06T18:18:27.533Z","etag":null,"topics":["aruvili","azhivili-css","css","css-framework","framework","scss","tamil","tamil-css","tamil-css-framework","tamil-framework","tamil-language","tamilcss","tamilcssframework"],"latest_commit_sha":null,"homepage":"https://aruvili.github.io/Azhivili-CSS/","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Aruvili.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-07-19T19:13:15.000Z","updated_at":"2025-08-06T16:19:10.000Z","dependencies_parsed_at":"2025-08-06T18:09:01.084Z","dependency_job_id":"2f4bff0e-8ce0-4b53-9098-5ddc8a13f268","html_url":"https://github.com/Aruvili/Azhivili-CSS","commit_stats":null,"previous_names":["aruvili/azhivili-css"],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/Aruvili/Azhivili-CSS","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aruvili%2FAzhivili-CSS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aruvili%2FAzhivili-CSS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aruvili%2FAzhivili-CSS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aruvili%2FAzhivili-CSS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Aruvili","download_url":"https://codeload.github.com/Aruvili/Azhivili-CSS/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Aruvili%2FAzhivili-CSS/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270500676,"owners_count":24595163,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-14T02:00:10.309Z","response_time":75,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["aruvili","azhivili-css","css","css-framework","framework","scss","tamil","tamil-css","tamil-css-framework","tamil-framework","tamil-language","tamilcss","tamilcssframework"],"created_at":"2025-08-14T23:57:22.238Z","updated_at":"2025-08-14T23:57:57.807Z","avatar_url":"https://github.com/Aruvili.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# அழிவிலி-CSS Framework\n\nA comprehensive, production-ready utility-first CSS framework with Tamil class names, built with modern SCSS architecture.\n\n## Features (அம்சங்கள்)\n\n- **Tamil Language Classes**: All utility classes use Tamil names for better localization\n- **Production Ready**: Optimized SCSS architecture with proper organization\n- **Responsive Design**: Mobile-first responsive utilities with Tamil breakpoint names\n- **Modern CSS**: Uses latest CSS features including CSS Grid, Flexbox, and custom properties\n- **Comprehensive**: Complete set of utilities for spacing, typography, colors, layout, and more\n- **Flexible**: Easy to customize and extend with SCSS variables and mixins\n- **Performance**: Optimized output with compressed and expanded versions\n\n## Installation (நிறுவல்)\n\n### NPM\n```bash\nnpm install azhivili-css\n```\n\n### CDN\n```html\n\u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/azhivili-css/dist/azhivili-css.min.css\"\u003e\n```\n\n### Download\nDownload the latest release from [GitHub Releases](https://github.com/Aruvili/azhivili-css/releases)\n\n## Usage (பயன்பாடு)\n\n### Basic HTML Structure\n```html\n\u003c!DOCTYPE html\u003e\n\u003chtml lang=\"ta\"\u003e\n\u003chead\u003e\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eஅழிவிலி-CSS Framework\u003c/title\u003e\n    \u003clink rel=\"stylesheet\" href=\"path/to/azhivili-css.css\"\u003e\n\u003c/head\u003e\n\u003cbody\u003e\n    \u003cdiv class=\"ப-4 ம-2 நி-சிவப்பு-500 பி-நீலம்-100\"\u003e\n        \u003ch1 class=\"எஅ-2மிபெ எஎ-தடிமன் உசீ-மையம்\"\u003eவணக்கம்!\u003c/h1\u003e\n        \u003cp class=\"எஅ-பெ வஉ-தளர்வு\"\u003eஅழிவிலி-CSS கட்டமைப்பு\u003c/p\u003e\n    \u003c/div\u003e\n\u003c/body\u003e\n\u003c/html\u003e\n```\n\n### Class Name Structure (வகுப்பு பெயர் அமைப்பு)\n\n#### Spacing (இடைவெளி)\n- `ப-{size}` - Padding (பேடிங்)\n- `ம-{size}` - Margin (மார்ஜின்)\n- `பகி-{size}` - Padding X-axis (கிடைமட்ட பேடிங்)\n- `பசெ-{size}` - Padding Y-axis (செங்குத்து பேடிங்)\n\n#### Sizing (அளவு)\n- `அ-{size}` - Width (அகலம்)\n- `உ-{size}` - Height (உயரம்)\n\n#### Typography (எழுத்துரு)\n- `எஅ-{size}` - Font Size (எழுத்துரு அளவு)\n- `எஎ-{weight}` - Font Weight (எழுத்துரு எடை)\n- `உசீ-{align}` - Text Align (உரை சீரமைப்பு)\n\n#### Colors (நிறங்கள்)\n- `நி-{color}-{shade}` - Text Color (உரை நிறம்)\n- `பி-{color}-{shade}` - Background Color (பின்னணி நிறம்)\n- `எல்-{color}-{shade}` - Border Color (எல்லை நிறம்)\n\n#### Layout (அமைப்பு)\n- `கா-{display}` - Display (காட்சி)\n- `நி-{position}` - Position (நிலை)\n\n#### Flexbox (நெகிழ்வு)\n- `கா-நெகிழ்` - Display Flex\n- `நெதி-{direction}` - Flex Direction\n- `நியஉ-{justify}` - Justify Content\n- `உசீ-{align}` - Align Items\n\n#### Grid (கட்டம்)\n- `கா-கட்டம்` - Display Grid\n- `கவநெ-{cols}` - Grid Template Columns\n- `கநெவி-{span}` - Grid Column Span\n\n### Responsive Design (பதிலளிக்கும் வடிவமைப்பு)\n\nUse breakpoint prefixes for responsive design:\n\n- `சி:` - Small screens (640px+)\n- `ந:` - Medium screens (768px+)\n- `பெ:` - Large screens (1024px+)\n- `மி:` - Extra large screens (1280px+)\n\n```html\n\u003cdiv class=\"ப-4 சி:ப-6 ந:ப-8 பெ:ப-12\"\u003e\n    Responsive padding\n\u003c/div\u003e\n```\n\n### State Modifiers (நிலை மாற்றிகள்)\n\n- `மேல்:` - Hover state\n- `கவ:` - Focus state\n- `செ:` - Active state\n\n```html\n\u003cbutton class=\"பி-நீலம்-500 மேல்:பி-நீலம்-600 கவ:எ-2\"\u003e\n    Button with hover and focus states\n\u003c/button\u003e\n```\n\n## Color System (நிற அமைப்பு)\n\n### Available Colors (கிடைக்கும் நிறங்கள்)\n\n- `சிவப்பு` (Red) - 50 to 900 shades\n- `ஆரஞ்சு` (Orange) - 50 to 900 shades\n- `மஞ்சள்` (Yellow) - 50 to 900 shades\n- `பச்சை` (Green) - 50 to 900 shades\n- `நீலம்` (Blue) - 50 to 900 shades\n- `ஊதா` (Purple) - 50 to 900 shades\n- `இளஞ்சிவப்பு` (Pink) - 50 to 900 shades\n- `சாம்பல்` (Gray) - 50 to 900 shades\n- `மயில்பச்சை` (Teal) - 50 to 900 shades\n- `நீர்நிறம்` (Cyan) - 50 to 900 shades\n- `மரகதம்` (Emerald) - 50 to 900 shades\n- `எலுமிச்சைப்பச்சை` (Lime) - 50 to 900 shades\n- `வானநீலம்` (Sky) - 50 to 900 shades\n- `இண்டிகோ` (Indigo) - 50 to 900 shades\n- `ரோஜா` (Rose) - 50 to 900 shades\n- `கற்குமிழ்மஞ்சள்` (Amber) - 50 to 900 shades\n- `நடுநிறம்` (Neutral) - 50 to 900 shades\n- `கல்நிறம்` (Stone) - 50 to 900 shades\n- `கருப்பு` (Black) - No shade\n- `வெள்ளை` (White) - No shade\n- `வெளிப்படையான` (transparent) - No need for shade\n\n### Usage Examples\n```html\n\u003cdiv class=\"நி-சிவப்பு-500\"\u003eRed text\u003c/div\u003e\n\u003cdiv class=\"பி-பச்சை-100\"\u003eLight green background\u003c/div\u003e\n\u003cdiv class=\"எல்-நீலம்-600\"\u003eBlue border\u003c/div\u003e\n```\n\n## Customization (தனிப்பயனாக்கம்)\n\n### Using SCSS Variables\n\n```scss\n// Override default variables\n$colors: (\n  // Add your custom colors\n  என்நிறம்: (\n    500: #your-color\n  )\n);\n\n// Import the framework\n@import 'azhivili-css/scss/main';\n```\n\n### Creating Custom Utilities\n\n```scss\n// Add custom utilities\n.என்வகுப்பு {\n  // Your custom styles\n}\n\n// Use framework mixins\n@include generate-utilities(margin-top, என்மே, $spacing-values);\n```\n\n## Browser Support (உலாவி ஆதரவு)\n\n- Chrome 88+\n- Firefox 85+\n- Safari 14+\n- Edge 88+\n\n## Contributing (பங்களிப்பு)\n\n1. Fork the repository\n2. Create your feature branch (`git checkout -b feature/amazing-feature`)\n3. Commit your changes (`git commit -m 'Add amazing feature'`)\n4. Push to the branch (`git push origin feature/amazing-feature`)\n5. Open a Pull Request\n\n## License (உரிமம்)\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n## Acknowledgments (நன்றி)\n\n- Inspired by Tailwind CSS\n- Tamil language support for better localization\n- Community feedback and contributions\n\n## Documentation (ஆவணங்கள்)\n\nFor detailed documentation, visit: [Documentation](https://github.com/Aruvili/azhivili-css)\n\n## Support (ஆதரவு)\n\n- GitHub Issues: [Report bugs or request features](https://github.com/Aruvili/azhivili-css/issues)\n- Discussions: [Community discussions](https://github.com/Aruvili/azhivili-css/discussions)\n- Discord [Discord discussion](https://discord.gg/CcsRe8gWRV)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faruvili%2Fazhivili-css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Faruvili%2Fazhivili-css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Faruvili%2Fazhivili-css/lists"}