Skip to content

Create a Browser UI for Blitz #292

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
nicoburns merged 56 commits into from
Nov 25, 2025
Merged

Create a Browser UI for Blitz #292

nicoburns merged 56 commits into from
Nov 25, 2025

Conversation

@nicoburns
Copy link
Collaborator

@nicoburns nicoburns commented Nov 21, 2025 •
edited
Loading

Changes made

  • Import copies of dioxus-native and dioxus-native-dom crates from the Dioxus repo.
  • Add support for "nested documents". This allows "iframe"-like functionality where a separate impl Document is embedded as a node in a parent Document.
  • Refactor networking. This enables nested documents to request assets. And will also play better with a future Winit 0.31 upgrade.
  • Add a Browser UI. This is implemented as an outer Dioxus Native app which implements the UI (buttons, urlbar, etc), and embeds an inner document which renders HTML/CSS web content.
  • The UI layer additionally manages navigating the inner document: loading webpages, the browsers history (back/forward bufffer), etc.

Video

Screen.Recording.2025-11-21.at.23.14.13.mp4

The browser UI is also hot-reloadable (useful when developing the Browser UI itself):

Screen.Recording.2025-11-24.at.15.18.18.mp4

@nicoburns nicoburns force-pushed the browser-ui branch 2 times, most recently from f9d0bc2 to 958c807 Compare November 24, 2025 13:11
@nicoburns
Import dioxus-native crates
18e4bbc 
Signed-off-by: Nico Burns <[email protected]>
@nicoburns
Unify feature flags WIP
1e68610
@nicoburns
Allow unreachable pattern lint
4d7d4f7
@nicoburns
Add prelude to dioxus-native
557087b
@nicoburns
Use (local) dioxus-native for counter example
db4d4e7
@nicoburns
Use (local) dioxus-native for wgpu_texture example
e6a9815
@nicoburns
Delete mini-dxn crate
2e08ac8 
Signed-off-by: Nico Burns <[email protected]>
@nicoburns
Create browser crate
f2e2ddd 
Signed-off-by: Nico Burns <[email protected]>
@nicoburns
Enable dioxus feature of manganis crate
b7214e9
@nicoburns
Initial browser UI
d68aeac 
Signed-off-by: Nico Burns <[email protected]>
@nicoburns
Reduce font size of urlbar input
f1eae53
@nicoburns
Add signal for URL
2a1d808
@nicoburns
Add active state to buttons
aaed011
@nicoburns
Add focus outline to input
8a343c8
@nicoburns
Provide net_provider to Dioxus app. Consume it in App.
684a723
@nicoburns
Initial subdocument loading implementation
765e7f3
@nicoburns
Enable scrolling of web content
262e945
@nicoburns
Plumb events through to sub documents WIP
530d4dd 
Signed-off-by: Nico Burns <[email protected]>
@nicoburns
Remove unused Resource::Navigate variant
d9b7e49
@nicoburns
Enable WOFF feature for browser
d19bbf8
@nicoburns
Refactor net to work with channel WIP
752c69d
@nicoburns
Fix waking up event loop from nested document
8dd927a
@nicoburns
Implement link clicking and back button
15bd948
@nicoburns
Set default url to wikipedia.org
6894f98 
Signed-off-by: Nico Burns <[email protected]>
@nicoburns
Implement home and refresh actions
684b261
@nicoburns
Fix crash due to unwrap
e539f52 
Signed-off-by: Nico Burns <[email protected]>
@nicoburns
Add a net cache using the http-cache-reqwest crate
fc162e0 
Signed-off-by: Nico Burns <[email protected]>
@nicoburns
Automatically infer https
6cd57c5
@nicoburns
Implement request debouncing
bc7f447 
This prevent race conditions from async navigation. Newer requests take
precedence over older ones which are cancelled/discarded.
@nicoburns
Enable bundling with a minimal Dioxus.toml
bd075da
@nicoburns
Reorganise assets dir
b0b066e 
Signed-off-by: Nico Burns <[email protected]>
@nicoburns
Add 404 error page
0685e51 
Signed-off-by: Nico Burns <[email protected]>
@nicoburns
Clip text inputs
9133e81
@nicoburns
Reduce calls to primary_styles
9794f56
@nicoburns
Fix WPT NetProvider
3d3d916 
Signed-off-by: Nico Burns <[email protected]>
@nicoburns
WPT runner: reset Scene before starting a new render
fd319e2
@nicoburns
Don't use content clip for inset shadows
ea2b4ca 
(they have their own padding-box clip)
@nicoburns
Fix dioxus-native with non-vello renderers
4771c33
@nicoburns
Add bottom border to URL bar
7d8f2ce
@nicoburns
Hide <option> elements
52cf27e 
Option elements are normally only displayed in a `<select>`'s dropdown
menu. Until we support `<select>` it is better just to hide `<option>`s
entirely
@nicoburns
Support form submission in the browser app
4d1f9d4
@nicoburns
Search duckduckgo if someone types a non-url into the url bar
b5d9f7d
@nicoburns
Add button to open links in default browser
ea22932
@nicoburns
Add data-uri feature to dioxus-native crate
84cfa4f 
Signed-off-by: Nico Burns <[email protected]>
@nicoburns
Fix/allow warnings
fa47e97 
Signed-off-by: Nico Burns <[email protected]>
@nicoburns
Fix/allow clippy lints
5178be1
@ealmloff ealmloff mentioned this pull request Nov 24, 2025
Merged
@nicoburns nicoburns added the enhancement New feature or request label Nov 25, 2025
@nicoburns nicoburns marked this pull request as ready for review November 25, 2025 11:05
@nicoburns nicoburns merged commit 8b12e9f into DioxusLabs:main Nov 25, 2025
12 checks passed
@nicoburns nicoburns mentioned this pull request Nov 25, 2025
Closed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

enhancement New feature or request

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

1 participant

@nicoburns