diff --git a/public/docs/_examples/pipes/dart/lib/app_component.dart b/public/docs/_examples/pipes/dart/lib/app_component.dart
index 85b32279a2..a03bb4a460 100644
--- a/public/docs/_examples/pipes/dart/lib/app_component.dart
+++ b/public/docs/_examples/pipes/dart/lib/app_component.dart
@@ -16,11 +16,11 @@ import 'power_booster_component.dart';
       FlyingHeroesComponent,
       FlyingHeroesImpureComponent,
       HeroAsyncMessageComponent,
-      HeroBirthday,
-      HeroBirthday2,
+      HeroBirthdayComponent,
+      HeroBirthday2Component,
       HeroListComponent,
-      PowerBoostCalculator,
-      PowerBooster,
+      PowerBoostCalculatorComponent,
+      PowerBoosterComponent,
     ])
 class AppComponent {
   DateTime birthday = new DateTime(1988, 4, 15); // April 15, 1988
diff --git a/public/docs/_examples/pipes/dart/lib/hero_birthday1_component.dart b/public/docs/_examples/pipes/dart/lib/hero_birthday1_component.dart
index accb756c37..2d2b63bb15 100644
--- a/public/docs/_examples/pipes/dart/lib/hero_birthday1_component.dart
+++ b/public/docs/_examples/pipes/dart/lib/hero_birthday1_component.dart
@@ -7,6 +7,6 @@ import 'package:angular2/angular2.dart';
     template: "<p>The hero's birthday is {{ birthday | date }}</p>"
     // #enddocregion hero-birthday-template
     )
-class HeroBirthday {
+class HeroBirthdayComponent {
   DateTime birthday = new DateTime(1988, 4, 15); // April 15, 1988
 }
diff --git a/public/docs/_examples/pipes/dart/lib/hero_birthday2_component.dart b/public/docs/_examples/pipes/dart/lib/hero_birthday2_component.dart
index eb76d84859..393a78bccb 100644
--- a/public/docs/_examples/pipes/dart/lib/hero_birthday2_component.dart
+++ b/public/docs/_examples/pipes/dart/lib/hero_birthday2_component.dart
@@ -11,7 +11,7 @@ import 'package:angular2/angular2.dart';
     // #enddocregion template
     )
 // #docregion class
-class HeroBirthday2 {
+class HeroBirthday2Component {
   DateTime birthday = new DateTime(1988, 4, 15); // April 15, 1988
 
   bool toggle = true;
diff --git a/public/docs/_examples/pipes/dart/lib/power_boost_calculator_component.dart b/public/docs/_examples/pipes/dart/lib/power_boost_calculator_component.dart
index 7c726ce511..1bf00b31fe 100644
--- a/public/docs/_examples/pipes/dart/lib/power_boost_calculator_component.dart
+++ b/public/docs/_examples/pipes/dart/lib/power_boost_calculator_component.dart
@@ -13,7 +13,7 @@ import 'exponential_strength_pipe.dart';
       </p>
     ''',
     pipes: const [ExponentialStrengthPipe])
-class PowerBoostCalculator {
+class PowerBoostCalculatorComponent {
   num power = 5;
   num factor = 1;
 }
diff --git a/public/docs/_examples/pipes/dart/lib/power_booster_component.dart b/public/docs/_examples/pipes/dart/lib/power_booster_component.dart
index 9152a2cc52..41a7be9878 100644
--- a/public/docs/_examples/pipes/dart/lib/power_booster_component.dart
+++ b/public/docs/_examples/pipes/dart/lib/power_booster_component.dart
@@ -9,4 +9,4 @@ import 'exponential_strength_pipe.dart';
       <p>Super power boost: {{2 | exponentialStrength: 10}}</p>
     ''',
     pipes: const [ExponentialStrengthPipe])
-class PowerBooster {}
+class PowerBoosterComponent {}
diff --git a/public/docs/_examples/pipes/dart/web/main.dart b/public/docs/_examples/pipes/dart/web/main.dart
index 98e9c1b34b..3266c05644 100644
--- a/public/docs/_examples/pipes/dart/web/main.dart
+++ b/public/docs/_examples/pipes/dart/web/main.dart
@@ -5,5 +5,5 @@ import 'package:pipe_examples/hero_birthday1_component.dart';
 
 main() {
   bootstrap(AppComponent);
-  bootstrap(HeroBirthday);
+  bootstrap(HeroBirthdayComponent);
 }