DEV Community

Takane Ichinose
Takane Ichinose

Posted on

1

Example Offcanvas and Skeleton Layout with ReactJS

Example Offcanvas and Skeleton Layout with ReactJS

Description

This is an example layout of a dashboard screen, without using any CSS frameworks.

All the text and icons are rendered as a skeleton item. Which means, all of those are just a placeholder.

There is also a shining effect on the skeleton. I don't know either what did I do that.

I designed this dashboard layout to work only on PC.

Resources

I used ReactJS to create the layout and the functionality.

Top comments (0)

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post

Best practices for optimal infrastructure performance with Magento

Running a Magento store? Struggling with performance bottlenecks? Join us and get actionable insights and real-world strategies to keep your store fast and reliable.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️