Dawn - a Dart web package for developing UIs in a pattern similar to Flutter.

Overview

dawn

Description

Dawn is a Dart web package for developing UIs in a pattern similar to Flutter.

Links

Example

lib/main.dart:

import 'package:dawn/dawn.dart';

void main() => runApp(const App());

class App extends StatelessWidget {
  const App({final super.key});

  @override
  Widget build(final Context context) {
    return const Text(
      'Hello World!',
      style: Style({'font-weight': 'bold'}),
    );
  }
}
Comments
  • Dawn 6.0, Ideas, Plans, and To-dos

    Dawn 6.0, Ideas, Plans, and To-dos

    Hi everyone!

    It seems like Dawn is getting more impressions lately.

    Generally, as of Dawn 5.6, I'm happy with Dawn's foundation, widgets, animations, CLI, and source code readability.

    To-dos

    Some things need to be addressed:

    dawn.animation

    This library looks good IMO.

    dawn.foundation

    • ~~Implement strongly-typed styles~~
    • [x] Implement safer event listeners via PaintedNode.addEventSubscription API.

    dawn.widgets

    • ~~Implement Video~~
    • ~~Implement Input~~
    • [x] Implement full extensibility via SingleChildNode, MultiChildNode, ChildlessPaintedNode, SingleChildPaintedNode, and MultiChildPaintedNode. Users can now fully implement their own widgets like Input, Video, etc.

    dawn

    • [x] Add documentation to the public API
    • [x] Rewrite and improve the CLI by refactoring the dawn create command and removing the dawn compile command.

    Dawn's Website

    • [x] Update the color scheme according to Dawn's new logo.
    • ~~Serve markdown content.~~
    enhancement 
    opened by Hawmex 10
  • Hot restart turn to add multiple widget not to the element tree

    Hot restart turn to add multiple widget not to the element tree

    This is a simple widget, but when you click on the hot restart, it turns out to add more elements to the tree Below is a video to reproduce the effect

    https://user-images.githubusercontent.com/36260221/189105951-405ccc48-86e1-40b6-91c2-faac0e67ddec.mp4

    opened by rexthecoder 7
  • Launching `localhost` in the browser only works on Windows.

    Launching `localhost` in the browser only works on Windows.

    Hi, I'm getting this error whenever I create a new project and try running it.

    + Copied assets and index.html to .dawn/dev...
    + Compiled main.dart.
    
    Starting server...
    Server running on http://localhost:5500.
    Unhandled exception:
    
    
    #0      runProcess (package:dawn/src/foundation/process_runner.dart:16:7)
    #1      CompileCommand._runServer (package:dawn/src/commands/compile_command.dart:77:5)
    <asynchronous suspension>
    #2      CompileCommand._runCommand (package:dawn/src/commands/compile_command.dart:58:21)
    <asynchronous suspension>
    #3      CompileCommand.run (package:dawn/src/commands/compile_command.dart:42:5)
    <asynchronous suspension>
    #4      CommandRunner.runCommand (package:args/command_runner.dart:209:13)
    <asynchronous suspension>
    
    bug 
    opened by sabbaghpierre 4
  • Add contribution guidelines

    Add contribution guidelines

    I want to build a landing page with this framework, but it seems the widget is not more,

    Is there and contribution guide? I want to help you build more widgets. We can chat on twitter

    opened by rexthecoder 2
  • Add support for text input

    Add support for text input

    A simple text input element. The value entered can be read with Dart by

    final InputElement inputElement = document.getElementById('textfield') as InputElement;
    final String? text = inputElement.value;
    print(text);
    
    opened by dev-Roshan-lab 1
  • Add a warning when JS is disabled

    Add a warning when JS is disabled

    Currently if you visit a page made with Dawn with Javascript disabled in your browser, you'll just see a blank page. There should be a warning, something like "this page needs Javascript to work", when JS is disabled. This is possible to do with the HTML <noscript> tag.

    https://developer.mozilla.org/en-US/docs/Web/HTML/Element/noscript

    opened by flexagoon 1
  • Are you interested in about contributing into Jaspr?

    Are you interested in about contributing into Jaspr?

    Hello, I found this package very interesting for creating web pages with Dart. :-)

    But with dawn also exists a lot of other web frameworks inspired by Flutter which you can use for creating of web pages. For example I am using and contributing into this project: https://github.com/schultek/jaspr which is very similar to dawn and I think it can be time losting when more people work on same thing more times..

    So I would like to ask you if are you not interested into join to our growing community of developers around Jaspr project and make one great Dart Web framework together?

    I work on this PR: https://github.com/schultek/jaspr/pull/13 right now. And for better communication we are using also Discord: https://discord.gg/G8pH8X4u So if you would like to join to us, so you are welcome ;-)

    opened by mjablecnik 1
  • Should dartdoc documentation be provided in a large scale?

    Should dartdoc documentation be provided in a large scale?

    I tried my best to code this repo is clear as possible. However if you see the need for it, react with thumbs up to this comment.

    I'm also open for your pull request for documentation improvements.

    documentation 
    opened by Hawmex 0
  • Improve README

    Improve README

    Currently the README content is very minimalistic and doesn't provide much information about the package and its abilities. So, it definitely should get some improvements.

    I'm open for your ideas on what sections should be included in README.

    enhancement 
    opened by Hawmex 0
Owner
Hamed Aarab
IE student at AmirKabir University of Technology.
Hamed Aarab
Binder is a web framework that can be used to create web apps and APIs .

Binder Framework Binder is a web framework that can be used to create web apps and APIs . It's like React + Express or any combination of front-end fr

Kab Agouda 8 Sep 13, 2022
Pure Dart Argon2 algorithm (the winner of the Password Hash Competition 2015) for all Dart platforms (JS/Web, Flutter, VM/Native).

argon2 Pure Dart Argon2 algorithm (the winner of the Password Hash Competition 2015) for all Dart platforms (JS/Web, Flutter, VM/Native). Based on the

Graciliano Monteiro Passos 8 Dec 22, 2021
Serverpod is a next-generation app and web server, explicitly built for the Flutter and Dart ecosystem.

Serverpod Serverpod is a next-generation app and web server, explicitly built for the Flutter and Dart ecosystem. It allows you to write your server-s

Serverpod 1k Jan 8, 2023
Experimental web framework for Dart. Supports SPAs and SSR.

jaspr Experimental web framework for Dart. Supports SPAs and SSR. Main Features: Familiar component model similar to Flutter widgets Easy Server Side

Kilian Schulte 310 Jan 4, 2023
Fluttern is a web app made with Flutter to list Flutter internships/jobs for the community.

Fluttern Fluttern is a web app made with Flutter to list Flutter internships/jobs for the community. It uses Google Sheet as a backend, simplifying th

Aditya Thakur 3 Jan 5, 2022
File picker plugin for Flutter, compatible with mobile (iOS & Android), Web, Desktop (Mac, Linux, Windows) platforms with Flutter Go support.

A package that allows you to use the native file explorer to pick single or multiple files, with extensions filtering support.

Miguel Ruivo 987 Jan 6, 2023
A platform adaptive Flutter app for desktop, mobile and web.

Flutter Folio A demo app showcasing how Flutter can deliver a great multi-platform experience, targeting iOS, Android, MacOS, Windows, Linux, and web.

gskinner team 3.5k Jan 2, 2023
A Portfolio Website - Flutter Web

A Portfolio Website - Flutter Web Watch it on YouTube This UI is not Responsive A nice clean Portfolio Website for Designer or developers. Which inclu

Abu Anwar 355 Dec 31, 2022
A Flutter Web Plugin to display Text Widget as Html for SEO purpose

SEO Renderer A flutter plugin (under development) to render text widgets as html elements for SEO purpose. Created specifically for issue https://gith

Sahdeep Singh 103 Nov 21, 2022
An eventual FIBS client written in Flutter and hosted on the web

fibscli An eventual FIBS client written in Flutter and hosted on the web. status Currently, the app works as a stand-alone backgammon game w/o connect

Chris Sells 10 Oct 26, 2022
A project that makes use of a Typescript back end and a Flutter web front end to consume the Jira API in order to visualize and interact with issues.

A project that makes use of a Typescript back end and a Flutter web front end to consume the Jira API in order to visualize and interact with issues.

Lucas Coelho 1 Mar 20, 2022
A cross-platform app ecosystem, bringing iMessage to Android, PC (Windows, Linux, & even macOS), and Web!

BlueBubbles Android App BlueBubbles is an open-source and cross-platform ecosystem of apps aimed to bring iMessage to Android, Windows, Linux, and mor

BlueBubbles 318 Jan 8, 2023
A web dashboard that allows you to monitor your Chia farm and sends notifications when blocks are found and new plots are completed through a discord bot. It can link multiple farmers/harvesters to your account.

farmr A web dashboard that allows you to monitor your Chia farm and sends notifications when blocks are found and new plots are completed through a di

Gil Nobrega 261 Nov 10, 2022
A Dart/Flutter package to register/query/remove URI Schemes without hassle.

protocol_registry Register/query/remove URI Schemes without hassle. Available for Windows and Linux. Installation flutter pub add protocol_registry Us

ZYROUGE 10 Oct 25, 2022
A Dart FFI package to send 💬 toasts on Windows. Written in C++, based on WinToast.

desktoasts A Dart package to send native ?? toasts on Windows. Installation For Flutter dependencies: ... desktoasts: ^0.0.2 For Dart CLI here Sup

Hitesh Kumar Saini 37 Mar 7, 2022
A Flutter package that makes it easy to customize and work with your Flutter desktop app window.

bitsdojo_window A Flutter package that makes it easy to customize and work with your Flutter desktop app window on Windows, macOS and Linux. Watch the

Bits Dojo 607 Jan 4, 2023
A Flutter package that makes it easy to customize and work with your Flutter desktop app's system tray.

system_tray A Flutter package that that enables support for system tray menu for desktop flutter apps. on Windows, macOS and Linux. Features: - Modify

AnTler 140 Dec 30, 2022
A simple-to-use flutter update package for Windows, MacOS, and Linux.

Updat - The simple-to-use, flutter-based desktop update package Updat is a simple-to-use reliable flutter-native updater that handles your application

Eduardo M. 14 Dec 21, 2022
A package which provides most of the window decorations from linux themes.

Window Decorations A package which provides most of the window decorations from linux themes. Features Easier to use and implement Native looking wind

Prateek SU 20 Dec 21, 2022