Neomorphic Doc

neomorphic Dock is a customizable Framer navigation component with a soft neomorphic design, rounded tiles, and interactive hover labels. Add your website links to a horizontal or vertical navigation bar, customize the bar and tile appearance, and choose between raised or hollow surfaces for a tactile, modern feel. Use it for portfolios, studios, creative websites, and personal projects.

Features

• Custom navigation links with editable labels and destinations.

• Horizontal or vertical navigation layouts.

• Raised or hollow bar surfaces for different neomorphic styles.

• Custom bar colors and individual tile colors, or match tiles to the bar.

• Soft-square bar shapes and rounded or customizable tile shapes.

• Adjustable tile size, spacing, gap, and bar padding.

• Icon support with adjustable image fitting and automatic icons.

• Floating-chip or slide-out hover labels.

• Customizable chip position and text color.

• Adjustable depth and texture for a more tactile appearance.

• Active-link controls for highlighting the current page.

• Customizable label font, including support for Inter.

• Responsive styling options to suit different website layouts.

What you can customize

• Bar color, including custom colors.

• Bar shape, surface style, and direction.

• Tile shape, individual colors, and tile size.

• Icon display, image fitting, and automatic icon settings.

• Spacing, gap, bar padding, depth, and texture.

• Hover label animation and chip position.

• Chip text color and label typography.

• Active-link settings.

Best for

• Portfolio websites that need a distinctive, interactive navigation bar.

• Creative studios and agencies looking for a modern, tactile interface.

• Personal websites with a compact, app-like navigation experience.

• Minimal websites that need customizable navigation without a generic menu.

Need help? Email wamukamau2021@gmail.com