Ship content surfaces
without rebuilding them

ContentVeda UI is the component kit behind the ContentVeda CMS — banners, carousels, grids, countdowns and rich-text rendering, production-tested against real authored content. Use it with the CMS, or entirely on its own.

npm install @contentveda/ui

Browse components Why we're different → Read the docs

Straight from the CMS

The same SlidingBanner your authored content renders through — live, right here, not a screenshot.

Built different

Not just another component kit

Skeleton loaders, lazy image loading, container-query layouts, animation plugins, fully overridable CSS, interactive hotspots, WCAG 2.1 AA compliance and SEO-first architecture — all built in, not bolted on.

See all features →

Skeleton Loaders Lazy Images Container Queries Animation Plugins CSS Variables Hotspots WCAG 2.1 AA SEO-first

Same props, whichever runtime

Pick the binding that matches your stack — the contract does not change.

<script>
  import Banner from '@contentveda/ui/svelte/Banner.svelte';
  import '@contentveda/ui/styles/components/Banner.css';
</script>

<Banner
  title="Summer Collection"
  subtitle="Up to 40% off"
  media={{ type: 'image', url: '/hero.jpg' }}
  mapLinks={[{ url: '/shop' }]}
/>