Docs Docs Templates Templates Changelog Changelog Services Services
Systaliko UITemplates

Templates

Abla Studio TemplateCognify Template updatedEnera TemplatePortfolio TemplateEcommerce Product pageVeo Agency Template

Blocks

AI Conversation Loop newAnimated MenuFloating Elements newBento GridFull screen navigation menuGlobeHeaderImage PlayerShaderSlideshowStagger AnimationsStoryTimeline

Ecommerce

Custom PricingExpandable GridImage ZoomInfinite ScrollQuantity configPricePricingProduct CarouselToggle Layout

Scroll Animations

Circle CardsDistributed CardsParallaxScroll AnimationsScroll AutoplayScroll Reverse AnimationScroll Rotation AnimationScroll X CarouselVideo Section newWavy Block

Cards

3D Flip CardCurtain Reveal CardHover Preview CardHover Reveal Details CardRotated Cards StackSticky Cards StackTestimonial Card

Components

Animated Border newCheckbox FieldCursor Trail newCustom CursorRating StarsReveal MaskSpotlight List

Text

Sliding NumberText Scroll ReadText Stagger HoverText Stagger IntervalText Stagger InviewText VerticalWavy Text

Utils

Animation Variants updatedClip Path Animation Variants newStagger Direction

Checkbox Field

Checkbox field with label.

Open in 21st dev
Loading...

Installation

Usage

<CheckboxField>
  <Checkbox id="default" name="default" />
  <Label htmlFor="default">Default</Label>
</CheckboxField>

Props

PropTypeDefault
variant?
default | withCheckmark
default

Animated Border new

Create an animated border that moves infinitely around the element.

Cursor Trail new

Animates a cursor trail effect on hover, you can use anything as a trail.

On this page

InstallationUsageProps