Braun Style Inspired Clock
A braun style inspired clock built with modern frontend techniques for responsive and reusable UI.
Clocks
30 snippetsWelcome to the Clocks resource page — a curated directory for developers. Browse practical UI patterns, specialized libraries, and small interactive demos. Use the table of contents to explore subcategories below.
javascript-clocks
Snippets(30)
- CSS Clock
A css clock built with modern frontend techniques for responsive and reusable UI.
CSS Clock (Braun x Paul Smith Style)A css clock (braun x paul smith style) built with modern frontend techniques for responsive and reusable UI.
- Creative Math Clock
A creative math clock built with modern frontend techniques for responsive and reusable UI.
Digital Clock in JavaScriptA digital clock in javascript built with modern frontend techniques for responsive and reusable UI.
- Floating Ball Clock with GLSL Fragment Shader
A floating ball clock with glsl fragment shader built with modern frontend techniques for responsive and reusable UI.
Glow Clock Dribbble DesignA glow clock dribbble design built with modern frontend techniques for responsive and reusable UI.
Human Clock (Flip-Clock Style)A human clock (flip-clock style) built with modern frontend techniques for responsive and reusable UI.
- Nixie Tube Clock
A nixie tube clock built with modern frontend techniques for responsive and reusable UI.
QLOCKTWO - Time in Words - Multi-languageA qlocktwo - time in words - multi-language built with modern frontend techniques for responsive and reusable UI.
- Squircle Neon Watch
A squircle neon watch built with modern frontend techniques for responsive and reusable UI.
Theme ClockA theme clock built with modern frontend techniques for responsive and reusable UI.
Responsive Watch Using vminA responsive watch using vmin built with modern frontend techniques for responsive and reusable UI.
Neon Clock AnimationA neon clock animation built with modern frontend techniques for responsive and reusable UI.
Real-time ClockA real-time clock built with modern frontend techniques for responsive and reusable UI.
Watermelon Themed Analog ClockA watermelon themed analog clock built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, SCSS, JavaScriptDifficulty
BeginnerBrowser support
Chrome 60+, Edge 79+, Firefox 55+, Safari 11+Features
Real-time Tracking, Responsive vmin Units, Gradient Layering
Blocks Clock with Pixel Art DigitsA blocks clock with pixel art digits built with modern frontend techniques for responsive and reusable UI.
Cube Clock with CSS 3DA cube clock with css 3d built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS 3D, HTML5Difficulty
intermediateFeatures
3D Transformation, Interactive Hover Effect, Digital ClockResponsive
Yes
Skeuomorphic Retro Casio F-91W WatchA skeuomorphic retro casio f-91w watch built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, PostCSS, BabelDifficulty
AdvancedBrowser support
Chrome 60+, Edge 79+, Firefox 55+, Safari 11+Features
Skeuomorphism, Real-time Clock, LCD Backlight, 3D Depth EffectResponsive
Yes
Tick-Tock Typographic ClockA tick-tock typographic clock built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, SCSS, JavaScriptDifficulty
BeginnerBrowser support
Chrome 49+, Edge 15+, Firefox 43+, Safari 10+Features
SCSS Loops, Digital & Analog Hybrid, Text-as-UI, Real-time Date ObjectResponsive
Yes
Retro Neon Flicker ClockA retro neon flicker clock built with modern frontend techniques for responsive and reusable UI.
Technologies
JavaScript, CSSDifficulty
beginnerFeatures
Neon Glow, Randomized Flicker, Real-time ClockResponsive
Yes
Gooey ClockA gooey clock built with modern frontend techniques for responsive and reusable UI.
Technologies
SVG, CSSFeatures
Gooey effect, Morphing animation, Real-time clock
Neon 3D Seven-Segment Digital ClockA neon 3d seven-segment digital clock built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS, JavaScriptDifficulty
AdvancedBrowser support
Chrome 60+, Edge 79+, Firefox 55+, Safari 11+Features
Seven-Segment Logic, 3D Camera Pan, Floor Reflection, Procedural DOMResponsive
Yes
Skeuomorphic Lunar Desk CalendarA skeuomorphic lunar desk calendar built with modern frontend techniques for responsive and reusable UI.
Technologies
Pug, Sass, JavaScriptDifficulty
IntermediateBrowser support
Chrome 80+, Edge 80+, Firefox 75+, Safari 13.5+Features
Lunar Date Engine, 3D Perspective, Neon Dark Mode, Real-time ClockResponsive
Yes
CSS Grid Clock (Animated)A css grid clock (animated) built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS Grid, CSS Animations, CSS VariablesDifficulty
IntermediateResponsive
Yes
Neu Times!A neu times! built with modern frontend techniques for responsive and reusable UI.
Difficulty
intermediateFeatures
neumorphism, sliding animation, digital clockResponsive
Yes
Blocky Digital ClockA blocky digital clock built with modern frontend techniques for responsive and reusable UI.
Technologies
CSS 3D Transforms, HTMLDifficulty
intermediateFeatures
3D Voxel Effect, Animated Transitions
Bouncy Digital Block ClockA bouncy digital block clock built with modern frontend techniques for responsive and reusable UI.
Technologies
HTML, CSS, JavaScriptDifficulty
IntermediateBrowser support
Chrome 60+, Edge 79+, Firefox 60+, Safari 12+Features
Bouncing Animation, Rolling Digits, Dark Mode, Responsive ScalingResponsive
Yes
Flipping Clock with LightningJSA flipping clock with lightningjs built with modern frontend techniques for responsive and reusable UI.
Technologies
Canvas API, WebGLDifficulty
AdvancedFeatures
Flip animation, Hardware acceleration
100-Year Clock WheelA 100-year clock wheel built with modern frontend techniques for responsive and reusable UI.
Difficulty
advancedFeatures
Trigonometric Positioning, Dynamic Localization, Multi-ring LayoutResponsive
Yes