Shiny Text
Shiny TextA shimmer of light sweeping across text.
Animated components and backgrounds that install as source you own. Tune every value, starting with this page’s background.
Coming soonFive categories of animated components. Hover a card to preview the motion.
Choose JavaScript or TypeScript, with plain CSS or Tailwind. Copy the source or install a component with the CLI.
Run the CLI once inside your React project. It creates the folder where components are saved.
npx oven initPick the language and styling above, then add any component by name.
Import it from your components folder and tune the props to fit your project.
A small taste of what is inside. Hover, move your cursor, or click a card to copy its install command.
Nothing hidden behind a package. You get the code and shape it for your project.
Components install straight into your project as plain files you can edit.
JavaScript or TypeScript, styled with plain CSS or Tailwind.
Speed, color, density and more are exposed as simple props.
Most components are pure CSS and React. Heavy libraries are opt-in.
A look at what you can add today, grouped by category.
Every component is open source. Read the code, change it, and make it yours.