NeonClock brings a fully customizable digital neon and LCD style clock directly into your Framer designs. Drop it straight into a dashboard, a sleek landing page, or a minimal portfolio hero section to give your visitors a functional, highly visual timestamp. You can toggle between standard 12 hour or military 24 hour modes, switch individual display rows on or off, and fine tune the glowing retro aesthetic to match your project perfectly.
It renders a dynamic digital clock and date display that updates in real time. The component lets you toggle seconds, AM PM indicators, day rows, and date rows individually. It also includes an optional data panel, an adjustable LCD layout overlay with variable opacity, and fully customizable corner radiuses so it sits perfectly in any design container or widget layout.
Time and Date settings: Swap between 12h and 24h modes, and toggle the visibility of seconds, AM PM labels, the days row, the date row, or the entire data panel.
Glow and Styling: Fully adjust the neon glow intensity percentage, turn the retro LCD overlay on or off, tweak the overlay transparency percentage, and change the overall corner radius.
Colors: Customize individual hex codes for the active segments, background, inactive background segments, idle labels, and dimmed date indicators to match your exact brand palette.
Minimalist portfolio layouts
Dark mode dashboards and control panels
SaaS landing pages and product heroes
Creative coming soon or maintenance pages
Retro, cyberpunk, or modern futuristic web designs
If you build something awesome with this, post it on X and tag me @Dulajweb or just send it my way. I would absolutely love to check out your designs.
Got questions or want to drop some feedback? Reach out anytime at dulajdilshan766@gmail.com or find me on X @Dulajweb
Dulaj dilshan
