PikaCSS

Appearance

PikaCSS Ecosystem ​

Explore the growing ecosystem of plugins, tools, integrations, and resources for PikaCSS.

Official Packages ​

Core Packages ​

PackageDescriptionnpm
@pikacss/coreCore styling enginenpm
@pikacss/integrationBuild-time integration toolsnpm

Plugins ​

PackageDescriptionnpm
@pikacss/unplugin-pikacssUniversal bundler pluginnpm
@pikacss/vite-plugin-pikacssVite pluginnpm
@pikacss/nuxt-pikacssNuxt modulenpm

Official Plugins ​

PluginDescriptionnpm
@pikacss/plugin-icons100,000+ icons from Iconifynpm
@pikacss/plugin-resetCSS reset optionsnpm
@pikacss/plugin-typographyTypography systemnpm

Community Plugins ​

Share your plugin! Submit a PR to add it here.

Styling ​

Utilities ​

Integrations ​

Tools and Extensions ​

Development Tools ​

Editor Extensions ​

CLI Tools ​

Templates and Starters ​

Official Templates ​

Coming soon! Official starter templates for popular frameworks.

Community Templates ​

Share your template! Submit a PR to add it here.

Learning Resources ​

Official Resources ​

Tutorials ​

Share your tutorial! Submit a PR to add it here.

Videos ​

Share your video! Submit a PR to add it here.

Framework Integrations ​

Officially Supported ​

FrameworkPackageStatus
Vite@pikacss/unplugin-pikacss/vite✅ Stable
Next.js@pikacss/unplugin-pikacss/webpack✅ Stable
Nuxt@pikacss/nuxt-pikacss✅ Stable
Remix@pikacss/unplugin-pikacss/vite✅ Stable
Astro@pikacss/unplugin-pikacss/vite✅ Stable
SvelteKit@pikacss/unplugin-pikacss/vite✅ Stable
Webpack@pikacss/unplugin-pikacss/webpack✅ Stable
Rollup@pikacss/unplugin-pikacss/rollup✅ Stable
esbuild@pikacss/unplugin-pikacss/esbuild✅ Stable
Rspack@pikacss/unplugin-pikacss/rspack✅ Stable
Farm@pikacss/unplugin-pikacss/farm✅ Stable
Rolldown@pikacss/unplugin-pikacss/rolldown✅ Stable

Community Integrations ​

Building an integration? Submit a PR to add it here.

UI Component Libraries ​

Official Components ​

Coming soon! Official component library with common UI patterns.

Community Libraries ​

Built components with PikaCSS? Submit a PR to add it here.

Projects Using PikaCSS ​

Open Source Projects ​

Using PikaCSS in your open source project? Submit a PR to add it here.

Websites and Apps ​

Using PikaCSS in production? Submit a PR to add it here.

Design Systems ​

Design System Implementations ​

Built a design system with PikaCSS? Submit a PR to add it here.

Developer Communities ​

Official Channels ​

Community Channels ​

Running a PikaCSS community? Submit a PR to add it here.

Contributing to Ecosystem ​

Share Your Plugin ​

  1. Build your plugin following Plugin Development Guide
  2. Publish to npm as @your-org/pikacss-plugin-name
  3. Add README with usage examples
  4. Submit a PR to list it here

Plugin naming convention:

  • @org/pikacss-plugin-{name} for scoped packages
  • pikacss-plugin-{name} for non-scoped packages

Share Your Resource ​

Have a blog post, tutorial, video, or tool? Share it with the community:

  1. Create content about PikaCSS
  2. Submit a PR to add link
  3. Include title, description, and link

Share Your Project ​

Using PikaCSS in production? Showcase your work:

  1. Build something awesome with PikaCSS
  2. Submit a PR to add it
  3. Include project name, description, and link (if public)

Ecosystem Guidelines ​

Quality Standards ​

We welcome all contributions, but ask that you:

  • ✅ Test thoroughly before publishing
  • ✅ Provide clear documentation
  • ✅ Follow semantic versioning
  • ✅ List @pikacss/core as peer dependency
  • ✅ Use TypeScript for better DX
  • ✅ Include working examples

Naming Conventions ​

Plugins:

  • @org/pikacss-plugin-{name}
  • pikacss-plugin-{name}

Integrations:

  • @org/pikacss-{framework}-adapter
  • pikacss-{framework}-integration

Tools:

  • @org/pikacss-{tool-name}
  • pikacss-{tool-name}

License Recommendations ​

We recommend MIT or similar permissive licenses for community packages to ensure wide adoption.

Roadmap ​

Upcoming Official Plugins ​

  • Container queries plugin
  • Grid utilities plugin
  • Form components plugin
  • Accessibility helpers plugin

Planned Integrations ​

  • More framework adapters
  • Build tool plugins
  • Editor extensions
  • DevTools

Stay Updated ​

Support the Project ​

Contribute ​

  • 🐛 Report bugs
  • ✨ Suggest features
  • 📖 Improve docs
  • 🔧 Submit PRs
  • 💬 Help others

See Contributing Guide for details.

Spread the Word ​

  • ⭐ Star on GitHub
  • 🐦 Share on social media
  • ✍️ Write blog posts
  • 🎥 Create tutorials
  • 💬 Tell your team

Questions? ​

Want to add to this page? Edit on GitHub