├── .gitignore ├── README.md ├── app ├── (tools) │ ├── background-snippets │ │ └── page.tsx │ ├── clip-paths │ │ └── page.tsx │ ├── color-lab │ │ └── page.tsx │ ├── example │ │ └── page.tsx │ ├── layout.tsx │ ├── mesh-gradients │ │ └── page.tsx │ ├── shadows │ │ └── page.tsx │ └── svg-line-draw │ │ └── page.tsx ├── favicon.ico ├── globals.css ├── layout.tsx └── page.tsx ├── biome.json ├── bun.lock ├── components ├── assets │ ├── bg-snippets.png │ ├── clip-path.png │ ├── colors-black.png │ ├── colors-white.png │ ├── index.tsx │ ├── mesh-gradient.png │ ├── shadow.png │ ├── svg-line-draw-white.png │ ├── svg-line-draw.png │ ├── white-bg-snippets.png │ ├── white_clip-path.png │ ├── white_mesh-gradient.png │ └── white_shadow.png ├── common │ ├── mobile-header.tsx │ └── tools-header.tsx ├── theme-switcher.tsx ├── ui │ ├── accordion.tsx │ ├── animated-arrow.tsx │ ├── aspect-ratio.tsx │ ├── badge.tsx │ ├── button.tsx │ ├── calendar.tsx │ ├── card.tsx │ ├── checkbox.tsx │ ├── command.tsx │ ├── copy-to-clipboard.tsx │ ├── dialog.tsx │ ├── drawer.tsx │ ├── dropdown-menu.tsx │ ├── github-button.tsx │ ├── github-small-btn.tsx │ ├── input.tsx │ ├── label.tsx │ ├── liquid-gradient.tsx │ ├── pagination.tsx │ ├── popover.tsx │ ├── radio-group.tsx │ ├── range-slider.tsx │ ├── resizable.tsx │ ├── scroll-area.tsx │ ├── select.tsx │ ├── separator.tsx │ ├── sheet.tsx │ ├── slider.tsx │ ├── switch.tsx │ ├── table.tsx │ ├── tabs.tsx │ ├── textarea.tsx │ ├── toggle-group.tsx │ ├── tooltip.tsx │ └── use-media-query.tsx └── view │ ├── background-snippets │ ├── code-output │ │ ├── code-display.tsx │ │ └── code-generator.ts │ ├── color-pickers │ │ ├── color-picker-popover.tsx │ │ └── rgba-picker-popover.tsx │ ├── gradient-controls │ │ ├── gradient-controls.tsx │ │ ├── linear-gradient-controls.tsx │ │ └── radial-gradient-controls.tsx │ ├── index.tsx │ ├── mask-controls │ │ └── mask-controls.tsx │ ├── pattern-controls │ │ ├── dot-grid-controls.tsx │ │ ├── dots-controls.tsx │ │ ├── grid-controls.tsx │ │ ├── line-grid-controls.tsx │ │ ├── pattern-controls.tsx │ │ └── repeating-linear-controls.tsx │ ├── preset │ │ ├── data.ts │ │ └── preset-gallery.tsx │ └── preview │ │ └── background-preview.tsx │ ├── clip-path │ ├── code-output.tsx │ ├── custom-shape-form.tsx │ ├── data.tsx │ ├── edit-controls.tsx │ ├── image-selector.tsx │ ├── index.tsx │ ├── shape-grid.tsx │ └── shape-preview.tsx │ ├── colors │ ├── all-color-formats.tsx │ ├── color-blindness-simulator.tsx │ ├── color-contrast-checker.tsx │ ├── color-formats-section.tsx │ ├── color-gradient-generator.tsx │ ├── color-harmony-generator.tsx │ ├── color-palette-section.tsx │ ├── color-picker.tsx │ ├── color-preview.tsx │ ├── color-tabs.tsx │ ├── color-tools-section.tsx │ ├── copy-code.tsx │ ├── example-theme.tsx │ ├── history-favorites.tsx │ ├── image-color-picker.tsx │ ├── index.tsx │ ├── simplified-color-picker.tsx │ ├── theme-generator.tsx │ ├── theme-preview.tsx │ ├── theme-provider.tsx │ └── universal-color-input.tsx │ ├── home │ ├── index.tsx │ ├── new-items-loading.tsx │ └── send-idea.tsx │ ├── mesh-gradient │ ├── control-panel.tsx │ ├── copy-code.tsx │ ├── example-gradients.tsx │ └── index.tsx │ ├── shadow │ ├── index.tsx │ ├── shadow-controls.tsx │ ├── shadow-gallery.tsx │ ├── shadow-presets.tsx │ └── shadow-preview.tsx │ └── svg-line-draw │ ├── animate-svg.tsx │ ├── code-preview.tsx │ ├── custom-line-input.tsx │ ├── data.ts │ ├── drawing-canvas.tsx │ ├── edited-paths.tsx │ ├── editor-canvas.tsx │ ├── editor-controls.tsx │ ├── error-display.tsx │ ├── example-paths.tsx │ ├── help-footer.tsx │ ├── index.tsx │ ├── save-path-dialog.tsx │ ├── saved-draw-paths.tsx │ ├── svg-editor.tsx │ ├── svg-path-utils.ts │ ├── types.ts │ └── use-svg-editor.ts ├── config └── shadow-data.ts ├── hooks ├── use-click-outside.ts ├── use-color-state.ts ├── use-gradient-stops.ts ├── use-mobile.tsx └── useNewsLetter.tsx ├── lib ├── color-utils.ts ├── color.ts ├── theme-provider.tsx ├── theme-utils.ts └── utils.ts ├── next.config.ts ├── package.json ├── postcss.config.mjs ├── public ├── bgsnippets.jpg ├── clippath.jpg ├── color-lab-og.jpg ├── colors.jpg ├── file.svg ├── globe.svg ├── logo.png ├── meshgradients.jpg ├── next.svg ├── noise.gif ├── og.jpg ├── shadows.jpg ├── svgpathanimation.jpg ├── vercel.svg └── window.svg ├── store ├── clipPath-storage.ts ├── colors-store.ts ├── use-custom-paths.tsx ├── use-draw-paths-store.ts ├── use-saved-edited-paths.ts └── useShadowStore.tsx ├── tsconfig.json └── types ├── color.ts ├── shader-gradient.tsx └── shadow.ts /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/.gitignore -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/README.md -------------------------------------------------------------------------------- /app/(tools)/background-snippets/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/app/(tools)/background-snippets/page.tsx -------------------------------------------------------------------------------- /app/(tools)/clip-paths/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/app/(tools)/clip-paths/page.tsx -------------------------------------------------------------------------------- /app/(tools)/color-lab/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/app/(tools)/color-lab/page.tsx -------------------------------------------------------------------------------- /app/(tools)/example/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/app/(tools)/example/page.tsx -------------------------------------------------------------------------------- /app/(tools)/layout.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/app/(tools)/layout.tsx -------------------------------------------------------------------------------- /app/(tools)/mesh-gradients/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/app/(tools)/mesh-gradients/page.tsx -------------------------------------------------------------------------------- /app/(tools)/shadows/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/app/(tools)/shadows/page.tsx -------------------------------------------------------------------------------- /app/(tools)/svg-line-draw/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/app/(tools)/svg-line-draw/page.tsx -------------------------------------------------------------------------------- /app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/app/favicon.ico -------------------------------------------------------------------------------- /app/globals.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/app/globals.css -------------------------------------------------------------------------------- /app/layout.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/app/layout.tsx -------------------------------------------------------------------------------- /app/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/app/page.tsx -------------------------------------------------------------------------------- /biome.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/biome.json -------------------------------------------------------------------------------- /bun.lock: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/bun.lock -------------------------------------------------------------------------------- /components/assets/bg-snippets.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/assets/bg-snippets.png -------------------------------------------------------------------------------- /components/assets/clip-path.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/assets/clip-path.png -------------------------------------------------------------------------------- /components/assets/colors-black.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/assets/colors-black.png -------------------------------------------------------------------------------- /components/assets/colors-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/assets/colors-white.png -------------------------------------------------------------------------------- /components/assets/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/assets/index.tsx -------------------------------------------------------------------------------- /components/assets/mesh-gradient.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/assets/mesh-gradient.png -------------------------------------------------------------------------------- /components/assets/shadow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/assets/shadow.png -------------------------------------------------------------------------------- /components/assets/svg-line-draw-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/assets/svg-line-draw-white.png -------------------------------------------------------------------------------- /components/assets/svg-line-draw.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/assets/svg-line-draw.png -------------------------------------------------------------------------------- /components/assets/white-bg-snippets.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/assets/white-bg-snippets.png -------------------------------------------------------------------------------- /components/assets/white_clip-path.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/assets/white_clip-path.png -------------------------------------------------------------------------------- /components/assets/white_mesh-gradient.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/assets/white_mesh-gradient.png -------------------------------------------------------------------------------- /components/assets/white_shadow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/assets/white_shadow.png -------------------------------------------------------------------------------- /components/common/mobile-header.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/common/mobile-header.tsx -------------------------------------------------------------------------------- /components/common/tools-header.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/common/tools-header.tsx -------------------------------------------------------------------------------- /components/theme-switcher.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/theme-switcher.tsx -------------------------------------------------------------------------------- /components/ui/accordion.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/accordion.tsx -------------------------------------------------------------------------------- /components/ui/animated-arrow.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/animated-arrow.tsx -------------------------------------------------------------------------------- /components/ui/aspect-ratio.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/aspect-ratio.tsx -------------------------------------------------------------------------------- /components/ui/badge.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/badge.tsx -------------------------------------------------------------------------------- /components/ui/button.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/button.tsx -------------------------------------------------------------------------------- /components/ui/calendar.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/calendar.tsx -------------------------------------------------------------------------------- /components/ui/card.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/card.tsx -------------------------------------------------------------------------------- /components/ui/checkbox.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/checkbox.tsx -------------------------------------------------------------------------------- /components/ui/command.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/command.tsx -------------------------------------------------------------------------------- /components/ui/copy-to-clipboard.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/copy-to-clipboard.tsx -------------------------------------------------------------------------------- /components/ui/dialog.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/dialog.tsx -------------------------------------------------------------------------------- /components/ui/drawer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/drawer.tsx -------------------------------------------------------------------------------- /components/ui/dropdown-menu.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/dropdown-menu.tsx -------------------------------------------------------------------------------- /components/ui/github-button.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/github-button.tsx -------------------------------------------------------------------------------- /components/ui/github-small-btn.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/github-small-btn.tsx -------------------------------------------------------------------------------- /components/ui/input.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/input.tsx -------------------------------------------------------------------------------- /components/ui/label.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/label.tsx -------------------------------------------------------------------------------- /components/ui/liquid-gradient.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/liquid-gradient.tsx -------------------------------------------------------------------------------- /components/ui/pagination.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/pagination.tsx -------------------------------------------------------------------------------- /components/ui/popover.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/popover.tsx -------------------------------------------------------------------------------- /components/ui/radio-group.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/radio-group.tsx -------------------------------------------------------------------------------- /components/ui/range-slider.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/range-slider.tsx -------------------------------------------------------------------------------- /components/ui/resizable.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/resizable.tsx -------------------------------------------------------------------------------- /components/ui/scroll-area.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/scroll-area.tsx -------------------------------------------------------------------------------- /components/ui/select.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/select.tsx -------------------------------------------------------------------------------- /components/ui/separator.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/separator.tsx -------------------------------------------------------------------------------- /components/ui/sheet.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/sheet.tsx -------------------------------------------------------------------------------- /components/ui/slider.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/slider.tsx -------------------------------------------------------------------------------- /components/ui/switch.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/switch.tsx -------------------------------------------------------------------------------- /components/ui/table.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/table.tsx -------------------------------------------------------------------------------- /components/ui/tabs.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/tabs.tsx -------------------------------------------------------------------------------- /components/ui/textarea.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/textarea.tsx -------------------------------------------------------------------------------- /components/ui/toggle-group.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/toggle-group.tsx -------------------------------------------------------------------------------- /components/ui/tooltip.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/tooltip.tsx -------------------------------------------------------------------------------- /components/ui/use-media-query.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/ui/use-media-query.tsx -------------------------------------------------------------------------------- /components/view/background-snippets/code-output/code-display.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/background-snippets/code-output/code-display.tsx -------------------------------------------------------------------------------- /components/view/background-snippets/code-output/code-generator.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/background-snippets/code-output/code-generator.ts -------------------------------------------------------------------------------- /components/view/background-snippets/color-pickers/color-picker-popover.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/background-snippets/color-pickers/color-picker-popover.tsx -------------------------------------------------------------------------------- /components/view/background-snippets/color-pickers/rgba-picker-popover.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/background-snippets/color-pickers/rgba-picker-popover.tsx -------------------------------------------------------------------------------- /components/view/background-snippets/gradient-controls/gradient-controls.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/background-snippets/gradient-controls/gradient-controls.tsx -------------------------------------------------------------------------------- /components/view/background-snippets/gradient-controls/linear-gradient-controls.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/background-snippets/gradient-controls/linear-gradient-controls.tsx -------------------------------------------------------------------------------- /components/view/background-snippets/gradient-controls/radial-gradient-controls.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/background-snippets/gradient-controls/radial-gradient-controls.tsx -------------------------------------------------------------------------------- /components/view/background-snippets/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/background-snippets/index.tsx -------------------------------------------------------------------------------- /components/view/background-snippets/mask-controls/mask-controls.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/background-snippets/mask-controls/mask-controls.tsx -------------------------------------------------------------------------------- /components/view/background-snippets/pattern-controls/dot-grid-controls.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/background-snippets/pattern-controls/dot-grid-controls.tsx -------------------------------------------------------------------------------- /components/view/background-snippets/pattern-controls/dots-controls.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/background-snippets/pattern-controls/dots-controls.tsx -------------------------------------------------------------------------------- /components/view/background-snippets/pattern-controls/grid-controls.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/background-snippets/pattern-controls/grid-controls.tsx -------------------------------------------------------------------------------- /components/view/background-snippets/pattern-controls/line-grid-controls.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/background-snippets/pattern-controls/line-grid-controls.tsx -------------------------------------------------------------------------------- /components/view/background-snippets/pattern-controls/pattern-controls.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/background-snippets/pattern-controls/pattern-controls.tsx -------------------------------------------------------------------------------- /components/view/background-snippets/pattern-controls/repeating-linear-controls.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/background-snippets/pattern-controls/repeating-linear-controls.tsx -------------------------------------------------------------------------------- /components/view/background-snippets/preset/data.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/background-snippets/preset/data.ts -------------------------------------------------------------------------------- /components/view/background-snippets/preset/preset-gallery.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/background-snippets/preset/preset-gallery.tsx -------------------------------------------------------------------------------- /components/view/background-snippets/preview/background-preview.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/background-snippets/preview/background-preview.tsx -------------------------------------------------------------------------------- /components/view/clip-path/code-output.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/clip-path/code-output.tsx -------------------------------------------------------------------------------- /components/view/clip-path/custom-shape-form.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/clip-path/custom-shape-form.tsx -------------------------------------------------------------------------------- /components/view/clip-path/data.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/clip-path/data.tsx -------------------------------------------------------------------------------- /components/view/clip-path/edit-controls.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/clip-path/edit-controls.tsx -------------------------------------------------------------------------------- /components/view/clip-path/image-selector.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/clip-path/image-selector.tsx -------------------------------------------------------------------------------- /components/view/clip-path/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/clip-path/index.tsx -------------------------------------------------------------------------------- /components/view/clip-path/shape-grid.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/clip-path/shape-grid.tsx -------------------------------------------------------------------------------- /components/view/clip-path/shape-preview.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/clip-path/shape-preview.tsx -------------------------------------------------------------------------------- /components/view/colors/all-color-formats.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/colors/all-color-formats.tsx -------------------------------------------------------------------------------- /components/view/colors/color-blindness-simulator.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/colors/color-blindness-simulator.tsx -------------------------------------------------------------------------------- /components/view/colors/color-contrast-checker.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/colors/color-contrast-checker.tsx -------------------------------------------------------------------------------- /components/view/colors/color-formats-section.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/colors/color-formats-section.tsx -------------------------------------------------------------------------------- /components/view/colors/color-gradient-generator.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/colors/color-gradient-generator.tsx -------------------------------------------------------------------------------- /components/view/colors/color-harmony-generator.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/colors/color-harmony-generator.tsx -------------------------------------------------------------------------------- /components/view/colors/color-palette-section.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/colors/color-palette-section.tsx -------------------------------------------------------------------------------- /components/view/colors/color-picker.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/colors/color-picker.tsx -------------------------------------------------------------------------------- /components/view/colors/color-preview.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/colors/color-preview.tsx -------------------------------------------------------------------------------- /components/view/colors/color-tabs.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/colors/color-tabs.tsx -------------------------------------------------------------------------------- /components/view/colors/color-tools-section.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/colors/color-tools-section.tsx -------------------------------------------------------------------------------- /components/view/colors/copy-code.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/colors/copy-code.tsx -------------------------------------------------------------------------------- /components/view/colors/example-theme.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/colors/example-theme.tsx -------------------------------------------------------------------------------- /components/view/colors/history-favorites.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/colors/history-favorites.tsx -------------------------------------------------------------------------------- /components/view/colors/image-color-picker.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/colors/image-color-picker.tsx -------------------------------------------------------------------------------- /components/view/colors/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/colors/index.tsx -------------------------------------------------------------------------------- /components/view/colors/simplified-color-picker.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/colors/simplified-color-picker.tsx -------------------------------------------------------------------------------- /components/view/colors/theme-generator.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/colors/theme-generator.tsx -------------------------------------------------------------------------------- /components/view/colors/theme-preview.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/colors/theme-preview.tsx -------------------------------------------------------------------------------- /components/view/colors/theme-provider.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/colors/theme-provider.tsx -------------------------------------------------------------------------------- /components/view/colors/universal-color-input.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/colors/universal-color-input.tsx -------------------------------------------------------------------------------- /components/view/home/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/home/index.tsx -------------------------------------------------------------------------------- /components/view/home/new-items-loading.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/home/new-items-loading.tsx -------------------------------------------------------------------------------- /components/view/home/send-idea.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/home/send-idea.tsx -------------------------------------------------------------------------------- /components/view/mesh-gradient/control-panel.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/mesh-gradient/control-panel.tsx -------------------------------------------------------------------------------- /components/view/mesh-gradient/copy-code.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/mesh-gradient/copy-code.tsx -------------------------------------------------------------------------------- /components/view/mesh-gradient/example-gradients.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/mesh-gradient/example-gradients.tsx -------------------------------------------------------------------------------- /components/view/mesh-gradient/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/mesh-gradient/index.tsx -------------------------------------------------------------------------------- /components/view/shadow/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/shadow/index.tsx -------------------------------------------------------------------------------- /components/view/shadow/shadow-controls.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/shadow/shadow-controls.tsx -------------------------------------------------------------------------------- /components/view/shadow/shadow-gallery.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/shadow/shadow-gallery.tsx -------------------------------------------------------------------------------- /components/view/shadow/shadow-presets.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/shadow/shadow-presets.tsx -------------------------------------------------------------------------------- /components/view/shadow/shadow-preview.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/shadow/shadow-preview.tsx -------------------------------------------------------------------------------- /components/view/svg-line-draw/animate-svg.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/svg-line-draw/animate-svg.tsx -------------------------------------------------------------------------------- /components/view/svg-line-draw/code-preview.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/svg-line-draw/code-preview.tsx -------------------------------------------------------------------------------- /components/view/svg-line-draw/custom-line-input.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/svg-line-draw/custom-line-input.tsx -------------------------------------------------------------------------------- /components/view/svg-line-draw/data.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/svg-line-draw/data.ts -------------------------------------------------------------------------------- /components/view/svg-line-draw/drawing-canvas.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/svg-line-draw/drawing-canvas.tsx -------------------------------------------------------------------------------- /components/view/svg-line-draw/edited-paths.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/svg-line-draw/edited-paths.tsx -------------------------------------------------------------------------------- /components/view/svg-line-draw/editor-canvas.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/svg-line-draw/editor-canvas.tsx -------------------------------------------------------------------------------- /components/view/svg-line-draw/editor-controls.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/svg-line-draw/editor-controls.tsx -------------------------------------------------------------------------------- /components/view/svg-line-draw/error-display.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/svg-line-draw/error-display.tsx -------------------------------------------------------------------------------- /components/view/svg-line-draw/example-paths.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/svg-line-draw/example-paths.tsx -------------------------------------------------------------------------------- /components/view/svg-line-draw/help-footer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/svg-line-draw/help-footer.tsx -------------------------------------------------------------------------------- /components/view/svg-line-draw/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/svg-line-draw/index.tsx -------------------------------------------------------------------------------- /components/view/svg-line-draw/save-path-dialog.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/svg-line-draw/save-path-dialog.tsx -------------------------------------------------------------------------------- /components/view/svg-line-draw/saved-draw-paths.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/svg-line-draw/saved-draw-paths.tsx -------------------------------------------------------------------------------- /components/view/svg-line-draw/svg-editor.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/svg-line-draw/svg-editor.tsx -------------------------------------------------------------------------------- /components/view/svg-line-draw/svg-path-utils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/svg-line-draw/svg-path-utils.ts -------------------------------------------------------------------------------- /components/view/svg-line-draw/types.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/svg-line-draw/types.ts -------------------------------------------------------------------------------- /components/view/svg-line-draw/use-svg-editor.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/components/view/svg-line-draw/use-svg-editor.ts -------------------------------------------------------------------------------- /config/shadow-data.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/config/shadow-data.ts -------------------------------------------------------------------------------- /hooks/use-click-outside.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/hooks/use-click-outside.ts -------------------------------------------------------------------------------- /hooks/use-color-state.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/hooks/use-color-state.ts -------------------------------------------------------------------------------- /hooks/use-gradient-stops.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/hooks/use-gradient-stops.ts -------------------------------------------------------------------------------- /hooks/use-mobile.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/hooks/use-mobile.tsx -------------------------------------------------------------------------------- /hooks/useNewsLetter.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/hooks/useNewsLetter.tsx -------------------------------------------------------------------------------- /lib/color-utils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/lib/color-utils.ts -------------------------------------------------------------------------------- /lib/color.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/lib/color.ts -------------------------------------------------------------------------------- /lib/theme-provider.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/lib/theme-provider.tsx -------------------------------------------------------------------------------- /lib/theme-utils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/lib/theme-utils.ts -------------------------------------------------------------------------------- /lib/utils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/lib/utils.ts -------------------------------------------------------------------------------- /next.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/next.config.ts -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/package.json -------------------------------------------------------------------------------- /postcss.config.mjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/postcss.config.mjs -------------------------------------------------------------------------------- /public/bgsnippets.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/public/bgsnippets.jpg -------------------------------------------------------------------------------- /public/clippath.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/public/clippath.jpg -------------------------------------------------------------------------------- /public/color-lab-og.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/public/color-lab-og.jpg -------------------------------------------------------------------------------- /public/colors.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/public/colors.jpg -------------------------------------------------------------------------------- /public/file.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/public/file.svg -------------------------------------------------------------------------------- /public/globe.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/public/globe.svg -------------------------------------------------------------------------------- /public/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/public/logo.png -------------------------------------------------------------------------------- /public/meshgradients.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/public/meshgradients.jpg -------------------------------------------------------------------------------- /public/next.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/public/next.svg -------------------------------------------------------------------------------- /public/noise.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/public/noise.gif -------------------------------------------------------------------------------- /public/og.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/public/og.jpg -------------------------------------------------------------------------------- /public/shadows.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/public/shadows.jpg -------------------------------------------------------------------------------- /public/svgpathanimation.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/public/svgpathanimation.jpg -------------------------------------------------------------------------------- /public/vercel.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/public/vercel.svg -------------------------------------------------------------------------------- /public/window.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/public/window.svg -------------------------------------------------------------------------------- /store/clipPath-storage.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/store/clipPath-storage.ts -------------------------------------------------------------------------------- /store/colors-store.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/store/colors-store.ts -------------------------------------------------------------------------------- /store/use-custom-paths.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/store/use-custom-paths.tsx -------------------------------------------------------------------------------- /store/use-draw-paths-store.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/store/use-draw-paths-store.ts -------------------------------------------------------------------------------- /store/use-saved-edited-paths.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/store/use-saved-edited-paths.ts -------------------------------------------------------------------------------- /store/useShadowStore.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/store/useShadowStore.tsx -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/tsconfig.json -------------------------------------------------------------------------------- /types/color.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/types/color.ts -------------------------------------------------------------------------------- /types/shader-gradient.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/types/shader-gradient.tsx -------------------------------------------------------------------------------- /types/shadow.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ui-layouts/ui-tools/HEAD/types/shadow.ts --------------------------------------------------------------------------------