nextjs-starter
nextjs-starter copied to clipboard
Once UI is an open source design system for Next.js with interactive documentation that gives you unnatural coding superpowers.
Hi team, I am using OnceUI to build my personal portfolio website. I didn't see any components of code block on the docs https://once-ui.com/docs/accordion. How can I use code block...
…and consistent interactivity - Refactored component to follow layout and interactivity principles using Flex/Grid and ElementType - Improved performance and accessibility by avoiding unnecessary renders and normalizing keys - Replaced...
feat(components): add customizable ProgressRing component - Implement SVG-based circular progress indicator with dynamic rendering - Add size variants (s/m/l) and tone options (primary/warning/success) - Include optional text label display with...
…n, auto flip, and dynamic height adjustment - Added FlipCard component with options for horizontal/vertical flipping - Improved height calculation with ResizeObserver for better layout stability - Configurable auto flip...
Fixed bug with “invisible” `DropdownWrapper` being in `RevealFx`. #42 Problem: `mask-image` parameter was active all the time, thus limiting the displayed space. Solution: moving the parameter to the “hidden” sub-class....
- ComponentCarousel.tsx This component is based on part of the code of the `Carousel` component. Its main purpose: To add the ability to use identical components without using a lot...
- TechCarousel.tsx - TechCarousel.module.scss Display different Tech/Specs including icons through icons.ts usage example: const techStack= ["Java", "React", "Java", "Spring", "Hibernate", "Vue", "MySQL", "Docker", "Git", "Angular", "Javascript"]
Background Component - particle effect interactive, non-interactive interface ParticleProps { display?: boolean; density?: number; color?: string; size?: SpacingToken; speed?: number; interactive?: boolean; interactionRadius?: number; opacity?: DisplayProps["opacity"]; } beta-version, probably some...
**New component: DateRangeInput** DateRangeInput provides similar behaviour to the DateInput component for date ranges, displaying a DateRangePicker in a DropdownWrapper on click of an Input box. While it _can_ work...