---
title: "You can create these elements without JavaScript"
url: https://daily.dev/posts/you-can-create-these-elements-without-javascript-oo4ln6gdt
source_url: https://codeadrian.hashnode.dev/you-can-create-these-elements-without-javascript
type: article
source: "Hashnode"
author: "Adrian Bece"
published: 2021-03-25T07:05:20.678Z
updated: 2021-10-07T14:17:10.317Z
tags: ["javascript", "css", "html"]
reading_time: 4
upvotes: 20
comments: 5
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# You can create these elements without JavaScript

**[Hashnode](https://daily.dev/sources/hashnode)** · [@code_adrian](https://daily.dev/code_adrian) · 4 min read · 20 upvotes · 5 comments

## Summary

As HTML and CSS got new features and older browsers were no longer supported, we've been able to use less and less JavaScript for creating UI elements. Here are some examples of elements you can create with no JavaScript. Some solutions do still feel hacky and not flexible, but these are useful on smaller projects.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://codeadrian.hashnode.dev/you-can-create-these-elements-without-javascript>

## Community discussion

Top comments from developers on daily.dev.

**@atinux** · 2 upvotes

> The tooltip using CSS is 👌

**@neeraj1005** · 1 upvotes

> start rating without js awesome... +1

## Similar posts on daily.dev

- [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 0 upvotes · 0 comments
- [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments
- [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments

---

Tags: [#javascript](https://daily.dev/tags/javascript), [#css](https://daily.dev/tags/css), [#html](https://daily.dev/tags/html)

[View this post on daily.dev](https://daily.dev/posts/you-can-create-these-elements-without-javascript-oo4ln6gdt)