DEV Community: Nicholas Eddy

Dribbble inspired Doodle

Nicholas Eddy — Wed, 26 Mar 2025 07:33:01 +0000

Saw this cool design on dribbble and decided to build it using Doodle (documentation).

Doodle Weather Clone

Nicholas Eddy — Thu, 13 Mar 2025 15:03:13 +0000

Built this simple Mac Weather clone using Doodle's frosted glass paint.

Doodle helps you create beautiful, modern apps entirely in Kotlin. Its render model is intuitive yet powerful, making it easy to achieve complex UIs with pixel level precision and layouts. This simplicity and power applies to everything from user input to drag and drop. Doodle lets you build and animate anything.

[Boost]

Nicholas Eddy — Fri, 07 Feb 2025 17:06:10 +0000

Better Animations... in Latest Doodle

Nicholas Eddy — Sat, 29 Jun 2024 15:24:32 +0000

Animations in Doodle 0.10.2 can be chained within an animation block using the then method. This makes it easier to have sequential animations and avoids the need to explicitly track secondary animations for cancellation, since these are tied to their "parent" animation.

val animation = animate {
    0f to 1f using (tweenFloat(easing, duration)) {                   // (1)
        // ...
    } then {
        0f to 1f using (after(delay, tweenFloat(easing, duration))) { // (2)

        } then {                                                      // (3)
            // ...
        }
    } then {                                                          // (4)
        // ...
    }
}

animation.completed += { /* ... */ }  // applies to entire chain
animation.pause ()                    // applies to entire chain
animation.cancel()                    // applies to entire chain

This release also includes lots of other great features including:

Desktop Accessibility Support - Accessibility features now work on Desktop
SpinButtons now support basic Accessibility
Improved Sliders - Sliders can now represent values of any Comparable type T between two start and end values.
Non-linear Sliders

Check out the docs for more details.

Measured now supports your favorite Kotlin platform

Nicholas Eddy — Wed, 19 Jun 2024 20:27:17 +0000

Measured now supports tons of Kotlin targets like iOS and all Apple platforms, Android Native, Linux, etc. So you can work with units of measure seamlessly no matter where you app runs.

Measured makes units of measure simple by providing intuitive, strongly-typed (i.e. compile-time enforced) units that combine using normal mathematical operations.

val velocity     = 5 * meters / seconds
val acceleration = 9 * meters / (seconds * seconds)
val time         = 1 * minutes

//  d            = vt + ½at²
val distance     = velocity * time + 1.0 / 2 * acceleration * time * time

println(distance                ) // 16500 m
println(distance `as` kilometers) // 16.5 km
println(distance `as` miles     ) // 10.25262467191601 mi

println(5 * miles / hours `as` meters / seconds) // 2.2352 m/s

Doodle 0.10.0 can host React, supports WebAssembly and much more

Nicholas Eddy — Tue, 20 Feb 2024 16:28:56 +0000

Doodle 0.10.0 has been released. This is a major update that brings some key improvements including the following.

Hosting React and other web components
WebAssembly Support
More powerful Desktop apps
- Multi-window Support
- Native Window Menus
- Native Window Context Menus
More powerful key-event pipeline

Advanced Carousel In Doodle

Nicholas Eddy — Tue, 12 Sep 2023 05:49:04 +0000

Tutorial showing how to make this app using Doodle's powerful Carousel APIs. This app is multi-platform, which means it runs in the browser and as a desktop application.

Doodle is a pure Kotlin UI framework for the Web (and Desktop), that lets you create rich applications without relying on Javascript, HTML or CSS.

Powerful, yet simple Carousels in Doodle

Nicholas Eddy — Fri, 08 Sep 2023 14:51:40 +0000

You can build almost any experience you can imagine using the new Carousels in Doodle 0.9.3. That's because their API is unrestricted and not opinionated about what a Carousel should look like. There are several built-in examples of various Presenters; but so much more is possible.

Here's how you might show a list of Images using the LinearPresenter, which shows all images in a line with the selected item positioned/sized based on the given constraints.

val carousel = Carousel(
    SimpleListModel(listOf(image1, image2, image3)),
    itemVisualizer { item, previous, _ ->
        when (previous) {
            is DynamicImage -> previous.also { it.update(item) }
            else            -> DynamicImage(item)
        }
    }
).apply {
    wrapAtEnds    = true
    acceptsThemes = false
    behavior      = object: CarouselBehavior<Image> {

      override val presenter = LinearPresenter<Image>(spacing = 10.0) {
          val aspectRatio = it.width.readOnly / it.height.readOnly

          it.width  eq parent.width
          it.center eq parent.center
          it.height eq it.width / aspectRatio
      }

      override val transitioner = dampedTransitioner<Image>(timer, animationScheduler) { _,_,_, update ->
          animate(0f to 1f, using = tweenFloat(easeInOutCubic, duration = 1 * seconds)) {
                update(it)
          }
      }
    }
}

Doodle is a pure Kotlin UI framework for the Web (and Desktop), that lets you create rich applications without relying on Javascript, HTML or CSS. Check out the documentation and tutorials to learn more.

Complex Menus Made Easy with Doodle 0.9.2

Nicholas Eddy — Fri, 26 May 2023 19:33:32 +0000

Version 0.9.2 brings menus, more text-field customization, and more...

Menus
More TextField Customization using purpose
More flexible scroll management (Web)

Popups and Modals with Doodle

Nicholas Eddy — Fri, 07 Apr 2023 14:33:54 +0000

Doodle 0.9.1 brings popups, modals, enhanced text rendering and more...

First-class support for Popups
Flexible Modals built using the new PopupManager
More Powerful Text Rendering
New LazyPhoto Widget
New API Docs Site

Animations with Doodle 0.9.0

Nicholas Eddy — Fri, 13 Jan 2023 15:34:42 +0000

Version 0.9.0 brings more powerful and easy to use animations and more...

Revamped Animation APIs
New Constraint Layout Engine
Improved Tables and TreeTables
New FileSelector Control
Form Controls(slider, rangeSlider, circularSlider, circularRangeSlider, file and files)

Measured - Intuitive, Type-safe Units

Nicholas Eddy — Sun, 04 Dec 2022 21:28:08 +0000

Measured is a multi-platform, Kotlin library that makes units a lot simpler and intuitive to work with. It uses the compiler to enforce correctness and lets you combine units into more complex ones using math operators. It is also extensible, making it easy to define your own units.

val velocity     = 5 * meters / seconds
val acceleration = 9 * meters / (seconds * seconds)
val time         = 1 * minutes

//  d = vt + ½at²
val distance     = velocity * time + 1.0/2 * acceleration * time * time

println(distance                ) // 16500 m
println(distance `as` kilometers) // 16.5 km
println(distance `as` miles     ) // 10.25262467191601 mi

println(5 * miles / hours `as` meters / seconds) // 2.2352 m/s

Give it a try. And leave a star or any other feedback.