Where Every Screen Tells a Story

Bowl of spaghetti on a white plate

Cool stuff people said✨

Gbenga Akingbulere
Staff Software Engineer
Palo Alto Networks

Edidiong brings unmatched creativity and precision to our team. His innovative thinking is a true asset, making collaboration with him a pleasure.

Babajide Plumptre
Product Designer
78 Financials

Edidiong's precision and creativity in design are inspiring. His expertise elevates every project, making him an excellent collaborator.

Siddhi
Rawool
Head of Product
Oneport365

Well, Daniel thinks on his feet and his approach to solving problems are always quite intruiging. Articulate thought process.


Hi there!🙋🏽‍♂️

I’m Daniel Edidiong, a Collaborative Product Designer with a focus on seamless Digital Experiences and Interaction Design.

Based in Irvington, New Jersey, Working with clients worldwide.

MORE ABOUT ME

wanna collaborate? - SAY HELLO

I'm available to work

dANIEL edidiong

All content copyright © 2024 Inc
All content copyright © 2024

Scroll Down

Intersection Trigger

Animations play when the instance enters the viewport, running from start to finish. On each box there is an attribute data-ani and the value is whatever is in the animated box. By default, their animation plays once, but that can be customized (see docs).

data-ani="fade"

fade

slide-up

data-ani="slide-up"

slide-down

data-ani="slide-down"

slide-left

data-ani="slide-left"

slide-right

data-ani="slide-right"

zoom

data-ani="zoom"

flip-y

data-ani="flip-y"

flip-x

data-ani="flip-x"

expand

data-ani="expand"

Progress Trigger

Animations progress as the instance moves through the viewport. On each box there is an attribute data-ani-progress and the value is whatever is in the animated box. By default, their animation plays every time, but that can be customized (see docs).

fade

data-ani-progress="fade"

slide-up

data-ani-progress="slide-up"

slide-down

data-ani-progress="slide-down"

slide-left

data-ani-progress="slide-left"

slide-right

data-ani-progress="slide-right"

zoom

data-ani-progress="zoom"

flip-y

data-ani-progress="flip-y"

flip-x

data-ani-progress="flip-x"

Radix State Trigger

All animation effects are compatible with Radix Components, which have various states such as active/inactive or open/closed. The animations automatically target these states, allowing you to use data-ani like any other component. See docs for information on which instance to apply the attributes to.

Yes. It adheres to the WAI-ARIA design pattern.

Apply An Animation To All Children

To animate all children within a parent instance, instead of applying data-ani to each child, apply the animation to the parent instance and add data-ani-children="true". This applies the animation to each direct child rather than the parent itself. (see docs).

data-ani-progress="fade" data-ani-children="true"

On the parent

On the parent

On the parent

Read the docs

Scroll Down

Intersection Trigger

Animations play when the instance enters the viewport, running from start to finish. On each box there is an attribute data-ani and the value is whatever is in the animated box. By default, their animation plays once, but that can be customized (see docs).

data-ani="fade"

fade

slide-up

data-ani="slide-up"

slide-down

data-ani="slide-down"

slide-left

data-ani="slide-left"

slide-right

data-ani="slide-right"

zoom

data-ani="zoom"

flip-y

data-ani="flip-y"

flip-x

data-ani="flip-x"

expand

data-ani="expand"

Progress Trigger

Animations progress as the instance moves through the viewport. On each box there is an attribute data-ani-progress and the value is whatever is in the animated box. By default, their animation plays every time, but that can be customized (see docs).

fade

data-ani-progress="fade"

slide-up

data-ani-progress="slide-up"

slide-down

data-ani-progress="slide-down"

slide-left

data-ani-progress="slide-left"

slide-right

data-ani-progress="slide-right"

zoom

data-ani-progress="zoom"

flip-y

data-ani-progress="flip-y"

flip-x

data-ani-progress="flip-x"

Radix State Trigger

All animation effects are compatible with Radix Components, which have various states such as active/inactive or open/closed. The animations automatically target these states, allowing you to use data-ani like any other component. See docs for information on which instance to apply the attributes to.

Yes. It adheres to the WAI-ARIA design pattern.

Apply An Animation To All Children

To animate all children within a parent instance, instead of applying data-ani to each child, apply the animation to the parent instance and add data-ani-children="true". This applies the animation to each direct child rather than the parent itself. (see docs).

data-ani-progress="fade" data-ani-children="true"

On the parent

On the parent

On the parent

Read the docs

Scroll Down

Intersection Trigger

Animations play when the instance enters the viewport, running from start to finish. On each box there is an attribute data-ani and the value is whatever is in the animated box. By default, their animation plays once, but that can be customized (see docs).

data-ani="fade"

fade

slide-up

data-ani="slide-up"

slide-down

data-ani="slide-down"

slide-left

data-ani="slide-left"

slide-right

data-ani="slide-right"

zoom

data-ani="zoom"

flip-y

data-ani="flip-y"

flip-x

data-ani="flip-x"

expand

data-ani="expand"

Progress Trigger

Animations progress as the instance moves through the viewport. On each box there is an attribute data-ani-progress and the value is whatever is in the animated box. By default, their animation plays every time, but that can be customized (see docs).

fade

data-ani-progress="fade"

slide-up

data-ani-progress="slide-up"

slide-down

data-ani-progress="slide-down"

slide-left

data-ani-progress="slide-left"

slide-right

data-ani-progress="slide-right"

zoom

data-ani-progress="zoom"

flip-y

data-ani-progress="flip-y"

flip-x

data-ani-progress="flip-x"

Radix State Trigger

All animation effects are compatible with Radix Components, which have various states such as active/inactive or open/closed. The animations automatically target these states, allowing you to use data-ani like any other component. See docs for information on which instance to apply the attributes to.

Yes. It adheres to the WAI-ARIA design pattern.

Apply An Animation To All Children

To animate all children within a parent instance, instead of applying data-ani to each child, apply the animation to the parent instance and add data-ani-children="true". This applies the animation to each direct child rather than the parent itself. (see docs).

data-ani-progress="fade" data-ani-children="true"

On the parent

On the parent

On the parent

Read the docs

Scroll Down

Intersection Trigger

Animations play when the instance enters the viewport, running from start to finish. On each box there is an attribute data-ani and the value is whatever is in the animated box. By default, their animation plays once, but that can be customized (see docs).

data-ani="fade"

fade

slide-up

data-ani="slide-up"

slide-down

data-ani="slide-down"

slide-left

data-ani="slide-left"

slide-right

data-ani="slide-right"

zoom

data-ani="zoom"

flip-y

data-ani="flip-y"

flip-x

data-ani="flip-x"

expand

data-ani="expand"

Progress Trigger

Animations progress as the instance moves through the viewport. On each box there is an attribute data-ani-progress and the value is whatever is in the animated box. By default, their animation plays every time, but that can be customized (see docs).

fade

data-ani-progress="fade"

slide-up

data-ani-progress="slide-up"

slide-down

data-ani-progress="slide-down"

slide-left

data-ani-progress="slide-left"

slide-right

data-ani-progress="slide-right"

zoom

data-ani-progress="zoom"

flip-y

data-ani-progress="flip-y"

flip-x

data-ani-progress="flip-x"

Radix State Trigger

All animation effects are compatible with Radix Components, which have various states such as active/inactive or open/closed. The animations automatically target these states, allowing you to use data-ani like any other component. See docs for information on which instance to apply the attributes to.

Yes. It adheres to the WAI-ARIA design pattern.

Apply An Animation To All Children

To animate all children within a parent instance, instead of applying data-ani to each child, apply the animation to the parent instance and add data-ani-children="true". This applies the animation to each direct child rather than the parent itself. (see docs).

data-ani-progress="fade" data-ani-children="true"

On the parent

On the parent

On the parent

Read the docs