Designali is becoming Dalim!

I'am creating Designs for the Designers. Clean systems, beautiful interfaces, and thoughtful details — made for you. Visit

Dalim

Getting Started

IntroductionTypography

Backgrounds

Fluid ParticleNewDot PatternGrid PatternFlickering GridRetro GridRippleScroll Progress

Mockups

MacbookMaciPhoneiPadSafari

Texts

Morphing-textNumber CounterGradient TextNew

Components

AccordionAlertAvatarBadgeBannerBookNewBreadcrumbButtonCheckboxDialogDropdownGaugeNewInputNotificationPaginationPopoverRadioSelectSliderSwitchTabTextareaTooltip

Legal

TermsPrivacyContact

DIcons

InstallationHow to useColorSizingStroke WidthFill

DShapes

InstallationHow to useNoiseSizingIndex
Docs
Scroll Progress

Scroll Progress

A background dot pattern made with SVGs, fully customizable using Tailwind CSS.

scroll-progress-01

Note: The scroll progress is shown below the navbar of the page.

Designali is a collection of re-usable components that you can copy and paste into your web apps. It primarily features components, blocks, and templates geared towards creating landing pages and user-facing marketing materials.

Installation

pnpm dlx shadcn@latest add "https://designali.in/r/styles/default/scroll-progress"

Props

PropTypeDescriptionDefault
widthanyWidth of the dot pattern16
heightanyHeight of the dot pattern16
xanyX position of the dot0
yanyY position of the dot0
cxanyX position of the circle1
cyanyY position of the circle1
cranyRadius of the circle1
classNamestringClass name of the dot pattern-
RippleMacbook

On This Page

  • Installation
  • Props

Contribute

  • Report an issue
  • Request a feature
  • Edit this page
  • About
  • Works
  • Graphic
  • Fonts
  • Agency
  • DIcons
  • Components
  • Blogs
  • Designers
  • Dashboard
  • Contact
  • Terms
© 2025Made with by Ali Imam -Designali
  • FontsNew
  • GraphicNew
  • Components

Not Playing

·

Spotify

·

Ali Imam